floatの親要素の背景を表示させる方法 - パソコンＱ＆Ａ
『floatの親要素の背景が表示されない』の対処法です。 floatによる２段カラムは、よく使われる手法ですが、Internet Explorerではちゃんと背景が表示されるのに、 FirefoxやOperaなどで検証すると背景が消えているということがあります。 これってFirefoxのバグなんじゃないのって感じで、Firefoxを悪者扱いしている人がいますが、実は違います。 IEのほうが間違っていて、floatはそういうものなのです。 [参考記事] floatした領域の親要素にwidthやheightを指定すると領域の算出にfloat領域を含める では背景を表示させる方法ですが、まずは有名なclearfixを使うパターンです。 ただしこの手法は最下部に使うと、若干の下マージンが出ます。 .clearfix:after{ /* ここにドットなどを入れないとNetscape 7で背景が出ない
画像置き換え手法(DKIR) - パソコンＱ＆Ａ
DKIRと呼ばれるスタイルシート[CSS]でテキスト[文字]を画像に置き換える手法です。 画像置換え法（IR[Image Replacement]法） 対応ブラウザ Windows Internet Explorer 5以降 Windows Firefox Windows Netscape 7 Windows Opera 7以降 Windows Safari 3 Mac Internet Explorer 5 Mac Firefox Mac Netscape 7 Mac Opera 7以降 Mac Safari 特徴 CSS有効、画像無効でもテキストが表示される 文字の大きさが大きくなっても大丈夫 場合によって無駄タグなし 欠点 タグが必要になる場合もある positionを使うので癖がある 透過画像は使えない 詳細の解説は後日 掲載します。 この手法のすごいところは、現在IR法で議論され
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
