IE7/IE8 The selectors and properties below should all work according to the W3C specifications. IE7.js CSS Selectors
IE7/IE8 The selectors and properties below should all work according to the W3C specifications. IE7.js CSS Selectors
絶対配置/フロート状態のリストアイテム要素のリストマーカーが消える(5.x/6.0) 症状 リストアイテム要素(display: list-item; を指定した要素)を絶対配置したり、フロートにしたりするとdisplayプロパティがblock値に変更され、リストマーカーが消えてしまう。 例示 <style type="text/css"> li { border: 2px solid red; margin: 2px; } </style> <ul> <li style="position:absolute; width:5em; left:3em; top:1em;">絶対配置</li> <li style="position:fixed; width:5em; left:3em; top:2em;">固定配置</li> <li style="float:left; width:5em
IEには様々なバグが報告されていますよね。 もうコーダーからしたら勘弁して下さいって泣きが入りそうになるくらいに... 背景色が指定された要素内でfloatがある時、要素内の文字が消えるとか、floatに後続するmarginの値が無視されるとか、widthを指定しているとボックスの中身にfloatしている要素があっても、自動的に高さが伸びるとか。 こういったIEのバグに有効な手段として、IE6まではheight:1%を指定する事で回避したり、IE7でもwidthを指定して回避したりと色々やってると思います。 その他、IE独自拡張のzoomを使った方法なんかもあります。 今まで理由とかは分からないけど取り合えず解決するんだって事で、widthやheight、zoomを指定しておけばいいんだ。 と認識していましたが、つい先日ちょっと気になる内容をみつけましたのでご紹介。 ソレはhasLayou
普段CSSを書くときにはブロック整形コンテキスト(block formatting context)のことなんて考えていませんが、実際にそれが問題になるケースがあったのでメモ。 右上フロート広告枠の雛形 一つ目の問題は Firefox で広告ボックスの下にスペースが空いてしまうこと これはたぶん、Clearing floatsのせいでしょうね。 Clearing floatsはフロートのコンテナにoverflow:hiddenやautoを指定することでコンテナの高さを確保するテクニックですが、 overflowのせいで新たなブロック整形コンテキストが生じています。 これが先行する右フロートと重なりそうな場合には、CSS2.1 9.5の規則によって、ボックスの幅が縮められる(またはclearされる)ことになります。 (floatやoverflowとブロック整形コンテキストの関係については『セ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く