InternetExplorer6でレイアウトずれが発生する
InternetExplorer6(以下IE6)で「float」を使ってレイアウト設定をすると「margin」が指定したものより大きくなり、レイアウトずれを起こしてしまいます。
これはIE6(IE5も)のバグで、IE7では修正されています。
他のFirefox、Operaなどでは発生しません。
回避策として、スタイルシートでレイアウトを指定する場合、「display: inline;」を記述します。
#content {
float: right;
width: 520px;
display:inline; /*IE6対応*/
}
※「/*~*/」の部分はメモなので記述する必要はありません。
IE7が不安定のため、IE6を利用している人もまだ多数います。特に企業では、あえてバージョンアップさせていないところもあります。
「float」を利用してレイアウトを設定している場合、必ず記述するようにしましょう。
-スポンサーサイト-
トラックバック URL :


コメントはございません。