clearfix、下に出る余白をfont-sizeが影響！？：Mac Safari 2 | 秋葉秀樹個人ブログ
Mac Safari 2でclearfixのレンダリング結果を画像付きで検証 俗に呼ばれているclearfixと呼ばれる良く出来た技、例えばボックス要素内に2つの要素が分かれていて、内部要素にfloatで左右に浮動させると、外にあるボックスは内部要素を包括できなくて、周囲をborderで囲んだり、背景色を入れたり、margin-bottomなどで下の余白を取ったりとかが出来ないところに有効とされているやり方なんですが、Mac Safari 2でちょっと難ありって感じでした。 下図は以下のソースコードのレンダリング結果です。 〜XHTMLソースコード〜 <dl class="clearfix"> <dt><img src="images/itemphoto.jpg" alt="写真" /></dt> <dd><h2>商品紹介</h2> <p>商品の案内が入ります。商品の案内が入ります。商品の
[CSS]IE8までのブラウザを対象としたCSS Hack/Filterのまとめサイト
Browser CSS Hack/Filter supportは、IE4, Ns4から、IE8, Fx2, Op9.5, Safari3など、多くのブラウザのCSS Hack/Filterの対応をまとめたサイトです。 Browser CSS Hack/Filter support Browser CSS Hack/Filter supportは、dithered.comのCSS Filterをバージョンアップしたもので、CSS Hack/Filterの対応を検証しているのは下記のブラウザになります。 ※バージョン表記は省略。 Internet Explorer (Windows)：4.0.1～8beta Internet Explorer (Mac OS)：4.0～5.2.3 Pocket Internet Explorer (PocketPC)：4.0.1～5.2 Gecko(Firef
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
