ネットビジネス関連のメモと、初心者にわかりやすく無料ブログツールWordPressのサイト制作方法を書いています

WordPress & Businessメモ HOME » WordPressカスタマイズ編 » サイト制作の小技 » InternetExplorer6でレイアウトずれが発生する

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」を利用してレイアウトを設定している場合、必ず記述するようにしましょう。

-スポンサーサイト-


コメント

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

コメントを投稿する


 ※公開されません



-スポンサーサイト-

Google