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の回避方法はありますか?

回答の条件
  • URL必須
  • 1人2回まで
  • 登録:2005/11/16 17:17:06
  • 終了:--

回答(1件)

id:izayoimizuki No.1

izayoimizuki回答回数302ベストアンサー獲得回数02005/11/16 19:22:29

ポイント50pt

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

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;

}

----------

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

id:moriamko44728

izayoimizuki様

ありがとうございます。

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

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

2005/11/17 11:14:15

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません