- 締切済み
バージョンの異なるIEのCSSについて
- みんなの回答 （1）
- 専門家の回答
みんなの回答
- mikan-suki
- ベストアンサー率33% (2/6)
関連するQ&A
- cssハックでIE9にも対応させるには？
CSSでFirefox,chorme,IEなどブラウザ間で色を統一させたく、 下記のようなcssハックを使いました。 IE6,7,8ではちゃんと反映されましたが、IE9では反映されませんでした。 IE9でも反映させるためには、どのようにしたら良いでしょうか？ <!--[if IE ]> <style type="text/css"> #ie_color {background-color: #777777;} </style> <![endif]-->
- 締切済み
- CSS
- CSSハックについて・・・
ホームページを作っていて、IEではちゃんと表示されるのですが、 FirefoxとOperaでは思い通りに表示されません。 これをどうにかしたいと思います。 前に、どこかのサイトでCSSハックという言葉を見たことがあるのですが、主にFirefoxに、CSSハックを利用したいです。 Firefoxのみ、またはFirefoxを含む様々なCSSハックの方法を教えてください！ 今は、OperaよりもFirefoxを優先してほしいです。
- ベストアンサー
- HTML
- IE8でCSSハックが効かないです。
IE8でCSSハックが効かないです。 IE8のCSSハックを使用したくて、下記のように指定したのですが、 IE8で見るとIE8用に記述したCSSハックが効かないです。 ちなみにIE6用のハックとデフォルトで指定したクラスはきちんと表示されます。 記述方法が原因なのでしょうか。それとも他に原因があるのでしょうか。 教えて欲しいです。 ■サンプルソース <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html lang="ja"> <head> <meta http-equiv="imagetoolbar" content="no"> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <meta name="keywords" content="キーワード1,キーワード2"> <meta name="description" content="ディスプリクション"> <meta http-equiv="Content-Script-Type" content="text/javascript"> <meta http-equiv="Content-Style-Type" content="text/css"> <style type="text/css"> #main_contents p.test_style { font-weight: bold; color: #000; } /* IE6対策 */ *html #main_contents p.test_style { font-weight: bold; color: #ff0000; } /* IE8対策 */ html>/**/body #main_contents p.test_style { font-weight /*\**/: bold\9; color: #0033ff\9; } </style> <title>IE8表示テスト</title> </head> <body> <div id="main_contents" class="reset"> <p class="test_style">デフォルトのテキスト 黒で表示されます。</p> <p class="test_style">IE6用(css hack)のテキスト IE6で見ると赤で表示されます。</p> <p class="test_style">IE8用(css hack)のテキスト IE8で見ると青で表示されます。</p> <!--/main_contents--></div> </body> </html>
- 締切済み
- HTML
- 自分が書いているＣＳＳのバージョンが分からない
XHTML1.0 StrictまたはTransitional＋ＣＳＳで制作をしていてＣＳＳのバージョンで疑問があります。 ＣＳＳにはCSS1～３まであるようで 自分が今記述しているCSSがバージョン何で書いているのかが分かりません。 CSSのサイトや書籍を手にしてスタイルシートＣＳＳを書いていっているんですが そこにはＣＳＳバージョンなんて書いてないんです。どうやったらわかりますか？ 書籍はHTML/XHTML＆スタイルシート レッスンブック（ソシム）を使っています。 【具体的な疑問】 自分がコーディングしているＣＳＳのバージョンとは このようにセレクを指定したらこのバージョン、こう記述したらこのバージョンって言う風に自分で意識するものなのですか？ てことは、自分が書いているＣＳＳがＣＳＳ１とＣＳＳ２が混在したような書き方をしている場合も あるってことですよね？
- ベストアンサー
- ホームページ作成ソフト
- macで見たＣＳＳで作られたページについて
今までテーブルレイアウトをしてきましたが、 ＣＳＳレイアウトに移行しつつあります。 WIN XPで作成しているのですが,MACのIEで見るとレイアウトが崩れます。WINのIEではエラーはないんです。 MACの方だとスペースや余白などが失われてレイアウトが崩れているようです。 また、ココログのブログなどもずれたりしてレイアウトが崩れます。 様々なブラウザに対応するＣＳＳを使うにはどうしたらいいでしょうか。 わたしは、「”CSSレイアウ践講座” CSSレイアウトでSEOに強く、ソースも軽く、表示も速いホームページを作ろう」というページや「スタイルシートによるレイアウトデザイン見本帖」という本などを参考にしてやっています。
- 締切済み
- HTML
- CSSのIE8IE9対応
グラデーションや角を丸くするといったCSSでデザインすると、 IE８、IE９では全く効かなくなってしまいます。 IE８、IE９に対応しようと思ったら、 どのようにしたらいいのでしょうか？ ・CSSを書き換える、 ・何かJsなどで対処できる など
- ベストアンサー
- HTML
- IE10以降のCSSハックについて
はじめまして、いろいろ探し回ったのですが、行き詰ってしまいました。 みな様のお力をお借りしたく、こちらを利用させて頂きます。 IE9で表示位置がズレる項目があり、それを正そうと、IE9のCSSハックを記述してIE9では正しい位置に表示されるようになったのですが、今度はIE10以上でもそのハックを読み込んで逆にIE10以上で表示位置がズレるようになってしまいました。 ここまではネットでも書かれてるようにIEの仕様？ということでまだ分かるのですが、 今度はIE10以上の表示位置を正すためにIE10以上に読み込ませるCSSハックを下記のように記述しました。ですが、IE10、11共に読み込んでくれませんでした。 -------------------------------------------------- /* IE9 */ .sample:not(:target) { top: -0.3em\9; } /* IE10,11 */ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .sample:not(:target) { top: 0.5em; } } -------------------------------------------------- 私自身、CSSハックとメディアタイプの関係を理解できておらず、上記の記述で何をしようとしているのか全くわかっていません。ネットに落ちていたのを真似て書いているだけの状態です。 そこでお願いなのですが、上記の記述が間違っているなら正しい記述の仕方をご教授ください。どうか、宜しくお願い致します。
- ベストアンサー
- CSS
- CSSでブラウザ毎のフォントサイズを統一するには
IEとFireFoxなど、ブラウザによりフォントの初期サイズが違います。 IEのMideumがFireFoxではSmallに該当するようです。 pxなどの絶対サイズを利用せず、相対サイズで初期サイズをMidiumに統一対応したいと考えています。 何か良いcssハック方法はありませんでしょうか。
- ベストアンサー
- HTML
- IE6.0とIE7の表示差問題について
http://trendy.nikkeibp.co.jp/article/col/20060516/116681/ ここのサイトを見たんですが、IE7でレイアウトがくずれてたページが 文書型宣言したらうまく表示されたと書いてあります。 しかし、なぜ文書型宣言をすることで表示が改善されるのでしょうか。 IE6.0のCSSハック(_width:100%など)は、IE6.0のブラウザがwidth:autoをうまく表示しないから仕方なくこう記述するのであって、 文書型宣言をしたことで、どうにかなる問題ではないと思います。 実際必要なのは文書型宣言ではなくて、IE6.0にも7.0にも対応できる スタイルシートの書き方ではないでしょうか。 なぜ文書型宣言をすることでIE6.0とIE7.0の表示がよくなるのか 教えてください。 説明がわかりづらくてすみません。
- ベストアンサー
- ブラウザ
- IE6に対応させたcssハックについて
cssベースでHPを構築しています。 ヘッダー、そしてメインブロックの中にレフトボックス、 ライトボックスを入れた２カラムです。 レフトボックスとライトボックスはフロートで調整しています。 ブロックにフロートを使うとIE6でマージンオートが適用されないという 話を聞き確認してみたところ、確かにIE7,ファイアーフォックスでは きちんと背景の真ん中にコンテンツが表示されているのですが、 IE6で見てみるとズレが生じています。 マージンオートが適用されず、左側にヘッダー、メインボックス全て くっついている状態です。 ハックを使うことがポイントのようなのですが、 IE6用にどのようにスタイルシートに記述すれば宜しいでしょうか？？ IE6しか読み込まない子供セレクタを使うというものもありましたが px指定してもパソコンの画面サイズでずれが生じるといったことは ないでしょうか？ cssに詳しい方宜しくお願い致します。
- 締切済み
- HTML
お礼
ありがとございます 参考URLとても参考になりました！ IEの異なるバージョン全てについて条件分岐する必要がありそうですね 1通りのスタイルシートで構成できればいいのですが、何かいい方法があれば、また教えて下さい。