先ほど、XHTMLに準拠したファイルをサーバで表示させたら、cssによるデザインが全く反映されないと言う事態になりました。 些細な原因でしたが、忘れないように書き留めておきます。 Firefoxでは問題なくcssによるデザインが反映されています。 ところがインターネットエクスプローラー７（以下IE7）では全くcssが反映されません。素の構文がそのまま表示されてしまいました。 cssファイルを見ても、バグは見つかりません。 原因不明なので、cssのほとんどを消して、１行だけ残してIE7に読み込ませましたが、やはり反映しません。 ここで、一行の中の１文字単位を見直しました。 その結果、半角スペースが入っていないためにIE7ではcssが反映されなかったことが判明しました。IE6では正常に動作していたので、意外な盲点でした。 この様な構文がエラーとなり読み込まれませんでした。 /*メニュー*/ m
最近のコメント PHP オブジェクト指向の勉強 └ Red - 2010.01.08 └ hogepage - 2010.01.21 └ Red - 2010.01.22 └ - 2011.11.27 └ houseiii - 2011.11.27 Fireworks トリミング画像を一括書出 CS4編 └ Iper - 2009.06.27 └ Red - 2009.06.27 └ mala - 2011.11.17 └ Red - 2011.11.18 jQueryでボックスを上下左右中央に簡単配置 └ ミラクル - 2009.03.15 └ Red - 2009.03.15 └ entZ - 2011.10.22 └ Red - 2011.10.24 overflow を使用したボックス背景のこと └ - 2007.12.13 └ Red - 2007.12.13 └ - 2007.
「CSSで段組したらFirefoxで背景が出ねーよっ」て話をよく聞くので色々試してみました。 コンテンツメニュー 元になるHTML 特に何も考えずfloatを使った場合 外のボックスに幅を与えてみる 一般的な解決方法 その他の解決方法 overflowを使う 最終回答 番外編 更新履歴 このドキュメントについて 元になるHTML <div id="container"> <div class="leftBox">内容</div> <div class="rightBox">内容</div> </div> 例1(ブログ) class="leftBox"のボックスの内容は「サイドバー」。class="rightBox"の内容は「記事部分」。 例2(ウェブサイト) class="leftBox"のボックスの内容は「ローカルナビゲーション」。class="rightBox"の内容は「情報」。 例3
hail2u.net - Weblog - Pure CSS な吹き出し に触発されて、画像や JavaScript を使わずに CSS だけを使って「吹き出し」を作る方法を僕も考えてみた。 Demo: CSS のみで吹き出し マークアップは 2 重の要素があれば OK。ここではそれぞれ bubble と body というクラスを付与した div と p を例に説明する: <div class="bubble"> <p class="body">Speech!</p> </div> CSS の最低限必要な部分のみを抜き出すと以下のとおり。これは背景が黒いボックスの下に左向きのしっぽを出す場合の例: .bubble { float: left; /* または position: absolute; */ border-left: 10px solid black; border-bottom
IE・Firefox 共通 Pで挟まれた上下には、１文字分の空白(margin)が空く。 左右に空白は無い。 リスト表記 /* スタイルシート */ div.blue{ background-color:#CCCCFF; width:10em; margin:1em; float:left; } div.pink{ background-color:#FFCCFF; width:10em; float:left; } <div class="blue"> １２３４５６７８９０ <ol>または<ul> <li>リスト１</li> <li>リスト２</li> <li>リスト３</li> </ol>または</ul> １２３４５６７８９０ </div> <div class="blue"> １２３４５６７８９０<br> <div class="pink"> <ol>または<ul> <li>リスト１
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
