floatにmarginを指定した場合

Posted by poundhound on

WinのIEはfloatを指定したボックスにmarginの値が指定してあると倍のmargin値として認識するダブルマージンバグが発症するケースが多々ある。(例えばmargin-left: 10px;なんて指定してるのに20pxのmarginになったりする。)

floatさせたボックスにmarginを指定しないようにすれば良いかもしれないけど、そんな事をやってると無駄にdivが増えてしまったりするんで、手っ取り早い解決法はそのボックスのプロパティにdisplay: inline;を与えると正常なmargin値で表示してくれる。

ただブロックレベル要素のものがインライン要素になる訳なので、Dreamweaver8上でもインライン要素でレンダリングされてしまい、marginがどのくらいかビジュアルで表示されなくなるのが残念。

div#sidebar {
	float: left;
	width: 20%;
	margin-left: 3%;
	display: inline;
}

Categories: CSS Tags: ,

Comment(0) | Trackback(0)

Category:CSS の最近の記事

Trackback(0)

Trackback URL: http://www.nk0206.com/mt5/mt-tb.cgi/305

Leve comment

About Author

poundhound

poundhound
web-designer
  • del.icio.us
  • flickr
  • Last FM
  • tumblr

twitter

Recent Tweet

    follow me on twitter

    Life Log

    • twilog
    • twitpic
    • pick