人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

CSSについて質問です。
WIN IE6において以下のソース
<div id=”cont”>
<div id=”colleft”>
<p>あいうえお</p>
</div>
<div id=”colcenter”>
<img src=”s_gif10.gif” width=”500” height=”700”></div>
<div style=”clear:both”></div>
</div>
CSS----------------------------------
#cont {
width : 760px ;
height: 1%;
background : #99cc66 none ;
color : #000000 ;
}
#colleft {
float: left;
height: 300px;
background-color: Aqua;
width: 240px;
}
#colcenter {
width: 500px;
background-color: Gray;
}
--------------------------------
なんですが、WIN IE6だとフロートを設定して無いボックスが指定しているボックスの隣に表示されます。MOZILLだとfloatを設定したボックスの下に重なってfloatを設定していないボックスが表示されます。
MOZILLAの表示が正しいと思うのですが、IEの回避方法はありますか?

●質問者: moriamko44728
●カテゴリ:ウェブ制作
✍キーワード:#000000 Aqua background background-color COLOR
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● izayoimizuki
●50ポイント

これはどちらも正しい表現です。

WinIEとMozillaのfloatの解釈が異なるためです。

-----html-----

<div id=”cont”>

<div id=”colcenter”>

<div id=”colleft”>

<p>あいうえお</p>

</div>

<img src=”s_gif10.gif” width=”500” height=”700”></div>

<div></div>

</div>

-----CSS----

width : 760px ;

height: 1%;

background : #99cc66 none ;

color : #000000 ;

}

#colleft {

height: 300px;

background-color: Aqua;

width: 240px;

}

#colcenter {

width: 500px;

background-color: Gray;

}

----------

こんな感じでいかがでしょうか。

◎質問者からの返答

izayoimizuki様

ありがとうございます。

やはりそうなんですね。なるほど!!こうすればいいんですね。ありがとうございます。

過去にも教えていただいてますね。いつもお世話になります。本当に感謝です。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ