- ベストアンサー
<!--[if lte IE 9]>
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
1の方の回答は間違ってますね。 バージョン9"以下"のIEのみに対する指定です。 <!--[if lte IE 9]> IE9以下 <!--[if lt IE 9]> IE9未満 <!--[if gte IE 9]> IE9以上 <!--[if gt IE 9]> IE9より上のバージョン(IE9は含まない) <!--[if IE 9]> IE9 <!--[if IE]> IE <!--[if !IE]> IE以外 http://dakkie.com/blog/css/ie-conditional-comments/
その他の回答 (2)
この様な記述を、ベンダープレフィックスと言います。 一部の、ブラウザにのみ対応させ、そのブラウザの表示を他のブラウザで見た時と、変わらないようにするためのものです。 これはIEにのみ適用するものが書かれていますが、 特に、CSS3では各ブラウザで、その対応が様々なため、このベンダープレフィックスを書くことが、多々あります。（現在・CSS3に完全対応したブラウザは、ありません！） しかし、ブラウザがいつの間にか、対応している場合もあるので、必ず書くというものでもありません。 この様な記述をする場合は、必ず、リセットCSSを記述し、その後に、各セレクタに対するCSSを記述します。
お礼
ありがとうございました。
- mshr1962
- ベストアンサー率39% (7418/18948)
<!--[if lte IE 9]><処理内容><!endif]--> CSSで、IEのバージョンが9以上の時に<![endif]-->までの内容（スタイルシートの設定）を実行します。 ・IEのみに対応させるCSSの条件指定方法 http://blog.e-riverstyle.com/2010/01/iecss.html
お礼
ありがとうございました。
関連するQ&A
- フォントのサイズが変わってしまいサイトが崩れる
IEとファイヤーフォックスでフォントのサイズが変わってしまい、自作サイトが崩れてしまいます。 調べたところ下記のような情報があったのですが、この方法がよいのでしょうか？ http://kudox.jp/html-css/font-size-css また上記通りにする場合下記は <link rel="stylesheet" type="text/css" href="/css/fontsize.css" media="all" /> <!--[if IE]> <link rel="stylesheet" type="text/css" href="/css/fontsize_ie.css" media="all" /> <![endif]--> 最優先させるのでしょうか？最優先なら下記のような感じでよいのでしょうか？ <link rel="stylesheet" href="reset.css" type="text/css" /> <link rel="stylesheet" href="base.css" type="text/css" /> <link rel="stylesheet" href="page.css" type="text/css" /> <link rel="stylesheet" type="text/css" href="/css/fontsize.css" media="all" /> <!--[if IE]> <link rel="stylesheet" type="text/css" href="/css/fontsize_ie.css" media="all" /> <![endif]--> またmedia="all"はとりあえずすべてにつけておいたほうがよい属性と考えてよいのでしょうか？ 教えてください。
- ベストアンサー
- HTML
- コンディショナルコメントの正しい記述方法を教えてください。
個人的にDreamweaverCS3を使ってHPを制作しているのですが、今まではハックを利用していたのですが、コンディショナルコメントというものを知りそれを利用してHPを作りたいと考えているのですが各説明サイトをみて試したのですが、HTMLの<head></head>間に以下のような記述をしても認識してもらえないのですがどうしてなのでしょうか？ --------------------------------------------------------- <!--[if IE 7]> <link rel="stylesheet" type="text/css" href="ie_6.css" /> <![endif]--> <!--[if lte IE 6]> <link rel="stylesheet" type="text/css" href="ie7.css" /> <![endif]--> <!--[if !IE]>--> <link rel="stylesheet" type="text/css" href="other.css" /> <!--<![endif]--> -------------------------------------------------------------- ※ちなみに最後の一つだけは認識するようなのです。 <!--[if IE 7]><![endif]-->この記述は必要なのでしょうか？そしてこれはコードなのでしょうか？コメント扱いなのでしょうか？ 周りにまったくHTMLをわかる人がいないのでご助言を頂けたらと思います。よろしくお願いいたします。
- ベストアンサー
- その他([技術者向] コンピューター)
- IE用と、その他のCSSを条件分岐
お世話になっています。 IE用と、その他のCSSを条件分岐させるために 以下の用にやったのですが その他のfirefoxなどもIE用（wholerulesie）のスタイルシートになってしまいます。 どこが悪いのでしょうか？ <link rel="stylesheet" type="text/css" href="wholerules.css" /> <!–[if IE 8]> <link rel="stylesheet" type="text/css" href="wholerulesie.css" /> <![endif]–>
- ベストアンサー
- HTML
- IE対応 HTML5 こちらでよろしいでしょうか。
IE対応 HTML5 こちらでよろしいでしょうか。。。 様々なサイトを見て ■ reset.cssは使わず normalize.css を使用。 ■ modernizr.jsではなく selectivizr.js を使用。 ■ cssの拡張に CSS3 PIE を 使用。 http://css3pie.com/ としております。 読み込ます順番が違うなどありますでしょうか。 併用するとエラーになるファイルはありますでしょうか。 よろしくお願いいたします。。。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="format-detection" content="telephone=no"> <meta name="robots" content="all"> <link rel="shortcut icon" href="favicon.ico" type="image/x-icon"> <title></title> <meta name="description" content=""> <meta name="keywords" content=""> <link rel="stylesheet" href="css/normalize.min.css"> <link rel="stylesheet" href="css/main.css"><!-- 自分の記述するcss --> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script src="js/plugins.js"></script> <script src="js/main.js"></script><!-- 自分の記述するjs --> <!--[if (gte IE 6)&(lte IE 8)]> <script src="js/selectivizr.js"></script> <![endif]--> <!--[if lt IE 9]> <script src="js/html5shiv.js"></script> <![endif]--> </head> <body> ～ </body> </html>
- ベストアンサー
- HTML
- ie8メディアクエリによるcss分岐ができない
ie8でメディアクエリによるcssの画面サイズ分岐ができなくて困っています。 環境は、windows XP Service Pack3です。 1.下記方法でIE8以下にもHTML5とメディアクエリを使えるようにしました。 (HTML5はバリデータでチェック済みです。) <!--[if lt IE 9]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script> <![endif]--> 2.下記方法でデバイスの横幅に対応したcssを指定しました。 <link href="smartphone.css" media="screen and (max-width:480px)" rel="stylesheet" type="text/css"> <link href="tablet.css" media="screen and (min-width:481px) and (max-width:1024px)" rel="stylesheet" type="text/css"> <link href="pc.css" media="screen and (min-width:1025px)" rel="stylesheet" type="text/css"> 3.現象 a. firefoxではローカル上のページもサーバー上のページも適用されていました。 b. ipodではサーバー上のページしか見ていませんが、適用されていました。 c. しかし、ie8ではローカルでもサーバーにアップしてもcssが適用されません。 d. ie8では、media="screen"だけの場合は適用されていますが、and以降のサイズ指定が入ると適用されません。 e.type=などの指定もアリ、ナシどちらの組み合わせも適用されません。 よろしくお願いいたします。
- ベストアンサー
- CSS
- レスポンシブwebデザインをIEに対応させる方法
レスポンシブwebデザインのIEへの対応について質問です。 XHTMLで作成したHPをメディアクエリを使用して、レスポンシブwebデザインにしたのですが、 IE8以下で全くCSSを読み込みません。 いくつかのHPを見て、header内に <!--[if lt IE 9]> <script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script> <![endif]--> を記述しているのですが、それでもうまくいきません。 CSSは外部ファイルで読み込ませてあり、 <link rel="stylesheet" media="only screen and (min-width: 481px)" href="style.css" /> このような形で記述してあります。ですので、 http://www.imaginationdesign.jp/blog/html5css3/1592/ これとも違うようですし、原因がわかりません。 どなたか原因がお分かりになられる方おりますでしょうか？
- 締切済み
- CSS
- IEだけjsファイルを読み込まない指定
よろしくお願いいたします。 IEだけに適用させたくないjsファイルがあり、 HTMLファイルの<head></head>内に、下記のように記述してみたのですが、 <!--[if !IE]> <script type="text/javascript" src="aaa.js"></script> <![endif]--> IEだけでなく他のすべてのブラウザで適用されなくなってしまいました。 書き方が間違っているのでしょうか・・？ ソースは下記のようになっています。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta http-equiv="Content-Script-Type" content="text/javascript" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <meta name="Description" content="あああ" /> <meta name="Keywords" content="あああ" /> <title>タイトル</title> <link rel="shortcut icon" href="/img/favicon.ico" type="image/x-icon" /> <link href="import.css" rel="stylesheet" type="text/css" media="all" /> <link rel="stylesheet" href="print.css" type="text/css" media="print" /> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script> <!--[if !IE]> <script type="text/javascript" src="aaa.js"></script> <![endif]--> 以下略 また、こちらのページを参考に記述いたしました。 http://blog.playunderworld.com/web/ie-conditional-comment/ もし原因をご存知でしたらお教えいただけたらと思います。 どうぞよろしくお願いいたします。
- ベストアンサー
- JavaScript
- css media screen、all 使い分け
<link rel="stylesheet" href="/css/★★.css" media="all"> <link rel="stylesheet" href="/css/★★.css" media="screen"> の使い分けが良く分かりません。 印刷を分けたい時の画面用として「media="screen"」があると思うのですが、 仮に、「screen」指定だけした場合(print指定なし)は、印刷するとcssが全く適用されないのでしょうか？ と言うことは、「screen」指定した際は、必ず「print」指定もすべきなのでしょうか？ また、そもそもデフォルトの挙動はどうなっているのでしょうか？ <link rel="stylesheet" href="/css/★★.css"> と書くことも出来るのでしょうか？
- ベストアンサー
- CSS
- <!--[if IE 9 ]>
<!--[if IE 9 ]> <html class="ie ie9" lang="ja"><![endif]--> と <!--[if (gt IE 9)|!(IE)]><!--> の意味を教えてもらえますか？ とあるサイトのソースに入ってました。
- ベストアンサー
- HTML
- プリント用CSSについて
いつもお世話になります。 プリント用のCSSを作成しようと思うのですが、 複数記述してもエラーは出ないのでしょうか？ 説明がうまくないので具体例を書かせていただきます。 “a.css”“b.css"の各々のプリント用cssを “aprint.css”と“bprint.css"とした場合に <link rel="stylesheet" href="css/a.css" type="text/css" media="all"> <link rel="stylesheet" href="css/b.css" type="text/css" media="all"> <link rel="stylesheet" href="css/aprint.css" type="text/css" media="print"> <link rel="stylesheet" href="css/bprint.css" type="text/css" media="print"> この記述で不具合はないものかと悩んでいます。 それともa,bを統合して“c.css”という新たなものを作り、 プリント用“cprint.css”を設けるべきでしょうか？ できれば複数記述できると助かるのですが。 要領を得ない質問ですみませんが、ご教授いただけると嬉しいです。 どうぞよろしくお願いいたします。
- ベストアンサー
- HTML
お礼
ありがとうございました。