A work in progress. This version: Rev. 8 2007–11–18 Changelog Translations Table of contents Introduction A lot of Internet Explorer's rendering inconsistencies can be fixed by giving an element “layout.” John Gallant and Holly Bergevin c... 続きを読む
In IE7-/Win the inline-block value of the CSS display property is one of the triggers of hasLayout. This is probably its only real effect. On the other hand the “inline-block behaviour” (which the standards define in CSS2.1 9.2.4), can be (... 続きを読む
このページの目次 本文 「 » IE 6, IE 7 の inline-block 考察」の本文 「 » IE 6, IE 7 の inline-block 考察」に付けられたコメント この記事に対するコメント送信用フォームコメント送信フォーム ナビゲーションメニュー 著作権情報等 2008年3月19日 水曜日 ... 続きを読む
インライン要素に指定したパディングやボーダーの上下が消える(IE6) 症状 高さが指定された要素内にあるインライン要素にパディングやボーダーが指定されているとき、パディングやボーダーの親要素をはみ出している部分が消えてしまう。 例示 <div class="examp... 続きを読む
背景色が指定された要素内にフロートがあるときに要素内の文字が消える(IE6) 症状 背景色を指定したブロック要素内にフロート配置した要素があるとき、ブロック要素内の文字列が消える。 例示 <div style="background:aqua;"> <div>A</div> <div style="float:r... 続きを読む
左右ボーダーとパディングを設置した要素に後続する部分がずれる(5.5/6.0) 2004-01-27修正。[3-704]の症状を加え、内容を整理。 症状 最後の子要素が非匿名ブロックレベル要素である要素の四方にパディングを設置し、さらに左または右にボーダーを設置すると、... 続きを読む
こんばんは、sashaです。 次のような形のスタイルを実装しようとしていて、 実例 posted by (C)フォト蔵 IE5.5や6でこんな状況に出会ったことはありませんか? (赤と青のボーダーは、elementの境目がわかりやすいように入れてあります) 実例バグ posted by (C... 続きを読む
hasLayoutがfalseのときに起こるバグは多数ありますがここでは触れません。hasLayoutプロパティをtrueにするにはwidthやheightを指定する方法の他に、IE独自実装の「zoom」を使うことも多いです。下記のように「zoom:1」と指定すれば、他のレイアウトに害が少な... 続きを読む
IE7のズーム機能を使うと、ラジオボタンやチェックボックス、文中に入れた画像がおかしくなります。こんな風に。 <input type="radio" />ウェブ全体から検索 <input type="checkbox" />日本語のページを検索 <img src="/clip/cmn/img/entry-bg-01.gif" />オマケ... 続きを読む
IE7で拡大・縮小時にレイアウトが重なってしまったり、IEでフロートした要素がはみ出てしまったりとIE独自のCSSのバグがいくつかあります。 これは、IEのhasLayoutが原因のひとつとなっているので、それを回避する方法を考察します。 hasLayoutとは IEでのCSSの... 続きを読む