SE-LAND.COM－CSS小技-IE6で、marginが2倍になってしまった。－IT技術サポート総合サイト，システムエンジニアの楽園

IT技術サポート総合サイト

言語: VC++/MFC PHP/Perl VB/VBA ASP/ASP.net HTML/CSS 基本知識: Windows Linux ネットワーク MySQL レンタルサーバ SEO対策

キーワード：

RSS2.0配信

.htaccessファイル攻略 CSS小技 Linuxコマンド入門(テキストファイル操作篇) 個人向けレンタルサーバ比較 SEO対策Tips Visual Studio 2008 Tips Perlあれこれ USB機器の製作 Windows小技 RedHat9設定メモ

オンラインマニュアル

コラム集：CSS小技

←前コラム目次次コラム→

IE6で、marginが2倍になってしまった。

分類：HTML/CSS 著者：小田尚志更新日付：2008/12/22

IE7とFireFox3で問題なく表示されているページが、IE6で確認したところ、フォーマットが崩れている...
調べたところ、フロートした要素のマージンが2倍になってしまうというIE6のバグだそうです。

解決方法：
cssにdisplay:inlineを追加すればOKです。

例：
問題コード：

.div1{
float: left;
width: 100px;
margin-left: 3px;
}

修正済みのコード:

.div1{
float: left;
width: 100px;
margin-left: 3px;
display: inline;
}

←前コラム目次次コラム→

Copyright (C) 2016 SEランド. All rights reserved.
このページに掲載されているコラムの無断転載を禁じます。著作権はその情報提供者に帰属します。