- 2007-05-29 (火)
- CSS
Internet Explorer は width 指定があると、垂直マージンが相殺できないみたい。
CSS のソース
#main {
width: 100%;
}
#menu {
margin-top: 1em;
}
#main p {
margin-bottom: 1em;
}
HTML のソース
<div id="main">
<p>段落 1</p>
</div>
<div id="menu">
<p>段落 2</p>
</div>
Internet Explorer 7.0 での表示結果
Firefox 2.0 での表示結果
問題となるブラウザ
- Internet Explorer 7.0
- Internet Explorer 6.0
- Internet Explorer 5.5
ハマったよ。orz
バグの回避方法を考える。
関連する記事
Comments: 3
Trackback+Pingback: 0
- TrackBack URL for this entry
- http://bowz.info/964/trackback
- Listed below are links to weblogs that reference
- [ CSS ] IE で垂直マージンが相殺できないバグ from Bowz::Notebook