２カラムや３カラムの構成で、floatを使うことがありますが、MacIEでは親要素にclear:both;があるとカラム落ちします。
例
|
テスト
テスト
|
CSS
#cont {
clear:both;
width:800px;
}
#navi {
float:left;
width:300px;
}
#main {
float:right;
width:500px;
}
clear:both;
width:800px;
}
#navi {
float:left;
width:300px;
}
#main {
float:right;
width:500px;
}
HTML
<div id="cont">
<div id="navi">テスト</div>
<div id="main">テスト</div>
</div>
<div id="navi">テスト</div>
<div id="main">テスト</div>
</div>
対象ブラウザ
Mac
Internet Explorer5
回避方法
(1)clear:bothを使わない。
(2)1つ上の要素でclear:bothをするか、clearするための要素を挿入する。
関連プロパティ
主要ブラウザに非対応
