- ベストアンサー
【急ぎでお願いします！】コンディショナルコメントが効かない！
【急ぎでお願いします！】コンディショナルコメントが効かない！ 表題の通りです。 現在cssでＨＰをレイアウトしているのですが、何故かIE6でコンディショナルコメントが効かないのです。IE7は問題ないです。 コンディショナルコメントの書き方が間違っているのでしょうか？ 挿入場所は<head>～</head>の間で、下記のように記述しています。 <!--[if IE 6 ]> <link rel="stylesheet" href="ie6-style.css" type="text/css" /> <![endif]--> どなたかお分かりになる方いらっしゃいますか？
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
その他の回答 (2)
- think49
- ベストアンサー率59% (285/482)
#1 の補足より引用。 > #leftbox { margin: 10px; } ベース用のスタイルシートで #leftbox { margin: 10px; } より詳細度の高いスタイルが定義されていませんか？ 値わりあて，カスケード処理，継承 - CSS2リファレンス http://hp.vector.co.jp/authors/VA022006/css/cascade.html#calculating-specificity CSS解説 -カスケード (スタイル指定が重複した場合)- http://park19.wakwak.com/~zashiki/css-make/cascade.html 最重要規則にしてみたら、どうなるでしょうか？ #leftbox { margin: 10px !important; }
お礼
ご回答ありがとうございます。 どうにか苦労して、スタイルを適用させることができました！ ありがとうございました！
- yyr446
- ベストアンサー率65% (870/1330)
コンディショナルコメントの書き方に間違いはありません。 ie6-style.cssの定義内容が問題じゃないでしょうか
お礼
さっそくのご回答ありがとうございます。 定義内容ですか… 今回やりたい事は画像の周りのmarginの値をIE6用に指定したいのですが、 どうしてもie6-style.cssの通りになってくれないんです。。 ベース用のスタイルシートを読んでしまっているようで、表示が崩れてしまうんです。 以下記述内容です。 #leftbox { margin: 10px; }
関連するQ&A
- コンディショナルコメントの正しい記述方法を教えてください。
個人的に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とファイヤーフォックスでフォントのサイズが変わってしまい、自作サイトが崩れてしまいます。 調べたところ下記のような情報があったのですが、この方法がよいのでしょうか？ 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
- HTML5について
前回質問したのですが解決せず、日にちがだいぶたってしまったので、 再度質問させて下さい。 ＩＥ8以前にに新しい要素を認識させる方法として <!--[if lt IE 9]> <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> <![endif]--> があると知ったのですが、 これを＜head＞内に記述すると、当然きちんと認識されるのですが、 画面を見た時に一番上に<!--[if lt IE9]> <![endif]--> と表示されてしまいます。 ・・・この文字は消せないのでしょうか？ 使用しているブラウザはＩＥ8とＩＥ6です。 【ＨＴＭＬソース】 <!DOCTYPE html> <html> <head> <!--[if lt IE9]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]--> <link rel="stylesheet" type="text/css" href="style_html.css" /> <link rel="stylesheet" type="text/css" href="style.css" /> <meta charset="shift_jis" /> <title>HTML5</title> </head> <body> <h1>HTML5</h1> <section> <h2>タイトルなんちゃら</h2> <p>あけましておもでとうございます。今年もよろしくお願い致します。</p> </section> </body> </html> ・・・・・・どこが間違っているのか分からず困っています。 ご指摘どうぞよろしくお願い致します。
- ベストアンサー
- HTML
- スタイルシートの設定
スタイルシートをリンク設定したく、文頭に下記の記述をしました。 ++++++++++++++++++++++++++++++++ <html> <head> <link rel="stylesheet" type="text/css" href="styles.css"> </head> <body> ++++++++++++++++++++++++++++++++ まったく、反映されません・・ どうして何でしょうか？ どなたかお助けください。
- 締切済み
- ホームページ作成ソフト
- 日本語記述が出来ません（XML?)
初めて質問いたします。 海外のホームページテンプレートを購入し、編集しているのですがなぜか日本語表記がされなくて困っています。 CSS部分には問題なさそうなのですが、誰か原因がわかりましたら教えていただけると助かります。 ちなみにfirefoxもIEも同様でした。どうぞ宜しくお願いします。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> <title>○○○○</title> <meta http-equiv="Content-Type" content="text/html; charset="shift-jis" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <link href="style.css" rel="stylesheet" type="text/css" /> <link href="layout.css" rel="stylesheet" type="text/css" /> <script src="js/jquery-1.2.1.js" type="text/javascript"></script> <script type="text/javascript" src="js/cufon-yui.js"></script> <script src="js/cufon-replace.js" type="text/javascript"></script> <script src="js/Swis721_Th_BT_400.font.js" type="text/javascript" ></script> <!--[if lt IE 7]> <link href="ie_style.css" rel="stylesheet" type="text/css" /> <![endif]--> </head>
- ベストアンサー
- その他([技術者向] コンピューター)
- スタイルシート
こんばんは。HPを独学で作っている超初心者です。 スタイルシートが反映してくれないのです。下記の記述で 何が違うのでしょうか？？？ ---01.css--- <sytle type="text/css"> a:link{text-decoration:none;} <style> ---index.html（抜粋）--- <head> <link rel="stylesheet" href="01.css" type="text/css"> </head> どうしても index.html のリンク部分に下線が出てきます。 どうして消せないのかが分かりません！！！ どなたか教えてください！よろしくお願いいたします！
- 締切済み
- その他（インターネット・Webサービス）
- base hrefとlink rel
テキストエディタでhtmlを書いています。 外部cssを使うので、 <link rel="stylesheet" href="style.css" type="text/css"> をヘッダ部に入れていますが、これより上に <base href="～"> で基準URIを指定しようとすると、cssが反映されなくなってしまいます。 先に <link rel="～ を入れてしまうと、文法チェックで引っ掛かるのですが、どうしたら良いのでしょうか？ ソースは、 <Head> <base href="絶対パス"> <link rel="stylesheet" href="style.css" type="text/css"> で、この後にmeta属性を入れています。 よろしくお願い致します。
- ベストアンサー
- HTML
- 一部のページにデフォルトCSSを読み込ませない方法
一部ページにCSSを読み込ませない方法がありましたら、 ご教授ください。 例えば、 全ページに以下のCSSを共通で読み込ませてあります。 <link rel="stylesheet" type="text/css" media="screen" href="css/common.css" /> <link rel="stylesheet" type="text/css" media="screen" href="css/index.css" /> しかし、test.htmlだけ <link rel="stylesheet" type="text/css" media="screen" href="css/index.css" /> を読み込ませたくありません。 つまり、 <link rel="stylesheet" type="text/css" media="screen" href="css/common.css" /> は通常通り読み込んで、 <link rel="stylesheet" type="text/css" media="screen" href="css/index.css" />のみを 除外したいです。 * 共通のCSSは外すことはできません。 * また、CSSを新たに追加することもできません。 * head内にスクリプトを記述することができますが、スクリプトの記述で解決できますでしょうか。 自分で検索もしてみたのですが、答えに辿りつけません。 どのような方法がありますでしょうか。 何か方法がありましたら、ご教授ください。 よろしくお願いいたします。
- 締切済み
- CSS
- スタイルシート２
１．スタイルシートで、外部スタイルシートがありますが これはそんなに使い勝手がよいでしょうか？ <link rel="stylesheet" type="text/css" href="style.css"> と記述する上で、これはルールですからしょうがないでしょうが、<link rel="stylesheet" type="text/css" とここで、stylesheetを指定していて、さらにtext/css" でも、”スタイルシート”ですよ！！ といっているのですから、最後のhref"URL"後のstyle.css の記述は無駄になるような（くどい＾＾）気もします。 これは、しょうがないですよねー。 個人で使うなら、HTMLで充分なような・・ あと、埋め込みスタイルでよういような・・ ２．さらに、スタイルシートはたしかに軽くなりますが、 記述が面倒で、フルスペル（省略できない）。 HTMLでは、<Li></LI>や、<tr></tr>で 表示できますが、こちらはすべて書かなくてはならないので便利とはいえ、つかいやすいでしょうか＾＾ リンクできるのは、見やすく便利ですが・・・
- ベストアンサー
- その他（プログラミング・開発）
お礼
回答ありがとうございます。 スターハックでうまくいきました！ ベストアンサーは色々悩みましたが、今回はnaokitaさんにさせて頂きました。