サポート » 使い方全般 » ie8でのスタイルの定義

  • 解決済 harukun

    (@harukun)


    先日、ie8の正規版がリリースされましたが、今回のie8は従来のieと比較するとかなりスタイルの定義が変更されているようです。

    私のブログも表示にかなりの違いがありました。

    そこで質問ですが、異なるブラウザ環境で読み込ませるCSSを指定することは可能でしょうか?

    何とか、著しいスタイルの崩れは修復させましたが、ヘッター部分のパンくずが邪魔しているようでサイドバーの表示位置(縦位置)がうまく定まらないです。
    そこでie8と従来のieとでスタイルシートを分けたいと考えています。

    ちなみにテーマファイルはEasyAllです
    よろしくお願いします

5件の返信を表示中 - 1 - 5件目 (全5件中)
  • shokun0803

    (@shokun0803)

    cssハックなどを使用する方法ではなく、phpで読み込みを分岐させるなら$_SERVER[“HTTP_USER_AGENT”]で分岐させる方法があります。
    cssハックに関してはあまり詳しくないので説明ができません。

    で、

    今回のie8は従来のieと比較するとかなりスタイルの定義が変更されているようです

    これに関してですが、今までのIEがおかしかったのであって、IE8で正規の表示に’近づいた’のだと思います。
    Firefoxなどで表示は崩れませんでしたか?従来のIEに合わせてcssを記述するよりも、’正しく表示できるブラウザ’に合わせて記述するべきだと思いますよ;)
    ちなみに、IE7のときのようにIE8もいづれ強制インストールされると思います・・・(そのときあわてるより今変えておいたほうが・・・)

    トピック投稿者 harukun

    (@harukun)

    shokun0803様 
    アドバイスありがとう御座います。

    >今までのIEがおかしかったのであって、IE8で正規の表示に’近づいた’
    これについてはおっしゃるとうりで、今度のIE8は世界統一規格にあわせた設計だそうです(マイクロソフトに確認済み)

    とは言っても、まだ古いバージョンでのIEでアクセスしてくる人が大半を占めているので悩むところです。

    できればcssハックを希望しているので、もう少し情報を待ちたいと思います。

    ありがとう御座いました。

    masaru

    (@masaru)

    OS、ブラウザ別のスタイル指定を簡単にできるようにしてくれるJavaScriptライブラリがあるのでそれつかってみるとかどうでしょ?
    CSS Browser Selector
    #css_browser_selector.jsで検索すると情報いっぱいかと。

    以下余談:
    少し前にIE8のWindows Updateでの配布開始日と自動更新のスケジュールが流出したのですが、
    それによれば

    Microsoft ダウンロードセンターで配布
    2009年 3月20日(予定通り配布)

    Windows Update で配布
    2009年 4月14日の週

    自動更新で配布
    2009年 4月28日

    また、Windows Server 2008、Windows Vista では「重要」、
    Windows Server 2003、Windows XP では「優先度の高い更新プログラム」
    として配布予定みたいです。

    もうすぐ適用する人が増えるかもですね。

    あとExpression Web SuperPreviewってのをIE8環境で入れると・・・
    IE6/IE7/IE8の見え方の違いがみれます。
    #英語版のみですけどね:p
    #IE7で入れるとIE6/IE7がみれます。

    モデレーター jim912

    (@jim912)

    harukunさん、こんにちは。

    条件分岐コメントをお使いになってはいかがですか?

    参考:Internet Explorerの条件分岐コメント

    あるいは、metaタグでIE7エミュレートにするとか。

    参考:IE8のEmulateIE8/EmulateIE7モード

    トピック投稿者 harukun

    (@harukun)

    みなさん沢山のコメントありがとう御座います
    最終的に「Internet Explorerの条件分岐コメント」を使用して解決できました。

    具体的には、本体のcssにie8の環境に合わせた定義を書き込み、「Internet Explorerの条件分岐コメント」に古いバージョン用のieのcssを書いて読み込ませることでie8を含むすべてのバージョンのieでレイアウト調整できました。

    ソースは以下のようなソースをヘッターに書き込みました
    <!–[if lte IE 7 ]>
    <link rel=”stylesheet” href=”スタイルシートのアドレス.css” type=”text/css” />
    <![endif]–>

    ありがとう御座いました

5件の返信を表示中 - 1 - 5件目 (全5件中)
  • トピック「ie8でのスタイルの定義」には新たに返信することはできません。