MAIN | clearプロパティの指定で不要な余白ができてしまう »

左右マージンが指定値より大きくなってしまう

display: inline;を指定しよう

Floatプロパティで指定した値と同じ方向にmarginプロパティを指定すると、フロートボックスの左右マージンがIE6で指定した値の倍になってしまうバグがある。回避策として「display: inline;」を記述すれば解決できる。この指定におけるIE6以外の問題は特に発生しないため、バグに遭遇してしまった場合の解決策として有効です。また、デザインによっては不可能な場合もありますが、別の方法としてmarginプロパティを使わずにpaddingプロパティを指定することでも解決できます。

「display: nline」の指定がないと、2倍程度マージンが空く

#main { float: left; width: 470px; margin-top: 10px; display: inline; /*IE6対策*/ }

#sub {
float: left;
width:260px;
margin-top:10px;
}


Field Under (DJ news), Posted by: djhiro

トラックバック

http://www.dj-hiro.co.uk/mt5/mt-tb.cgi/181

コメントを投稿

(いままで、ここでコメントしたことがないときは、コメントを表示する前にこのブログのオーナーの承認が必要になることがあります。承認されるまではコメントは表示されません。そのときはしばらく待ってください。)




Apple Store(Japan)