初めての方にもWordPressをわかりやすく説明

初心者向けワードプレス作成方法とネットビジネスネタのメモサイト

MovableTypeを凌ぐ無料ブログツールWordPressの基本操作、カスタマイズ方法、プラグインなどの情報を提供

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

  タグ:

-スポンサーサイト-


コメント

[...] ■InternetExplorer6でレイアウトずれが発生する 「float」を使ってレイアウト設定をした場合「margin」が指定したものより大きくなり、レイアウトずれを起こしてしまうそうです。 [...]

投稿者: 画像の配置とキャプション付け - : WordPress日本語2.5 memo 投稿日時: 2008年5月25日 07時39分

[...] ■InternetExplorer6でレイアウトずれが発生する 「float」を使ってレイアウト設定をした場合「margin」が指定したものより大きくなり、レイアウトずれを起こしてしまうそうです。 [...]

投稿者: 画像の配置と画像にキャプション付ける方法 - : 身延の風 投稿日時: 2008年8月3日 13時58分

コメントを投稿する

-スポンサーサイト-

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