InternetExplorer6でレイアウトずれが発生する
2007-12-03
InternetExplorer6（以下IE6）で「float」を使ってレイアウト設定をすると「margin」が指定したものより大きくなり、レイアウトずれを起こしてしまいます。
これはIE6（IE5も）のバグで、IE7では修正されています。
他のFirefox、Operaなどでは発生しません。
回避策として、スタイルシートでレイアウトを指定する場合、「display: inline;」を記述します。
#content {
float: right;
width: 520px;
display:inline; /*IE6対応*/
}
※「/*～*/」の部分はメモなので記述する必要はありません。
IE7が不安定のため、IE6を利用している人もまだ多数います。特に企業では、あえてバージョンアップさせていないところもあります。
「float」を利用してレイアウトを設定している場合、必ず記述するようにしましょう。
－スポンサーサイト－
トラックバック URL :
[...] ■InternetExplorer6でレイアウトずれが発生する 「float」を使ってレイアウト設定をした場合「margin」が指定したものより大きくなり、レイアウトずれを起こしてしまうそうです。 [...]
投稿者: 画像の配置とキャプション付け - : WordPress日本語2.5 memo 投稿日時: 2008年5月25日 07時39分[...] ■InternetExplorer6でレイアウトずれが発生する 「float」を使ってレイアウト設定をした場合「margin」が指定したものより大きくなり、レイアウトずれを起こしてしまうそうです。 [...]
投稿者: 画像の配置と画像にキャプション付ける方法 - : 身延の風 投稿日時: 2008年8月3日 13時58分