SafariのCSS

[xhtml]

[/xhtml]

こんなHTMLがあって、li要素をfloatで横並びにしてメニューを作る時
li要素の中のa要素はdisplay: blockするわけだけど
FirefoxやIE7なら

div#menu a {..}

これでもOKなのが、
Safari3.1(for Windows)だと

div#menu ul li a {…}

ときっちり書いてやらないとダメだった。あやうく、おおはまりするところだった。まあ、li要素かa要素に、idやclassを付ければいいんだけど。

コメント

タイトルとURLをコピーしました