みんなの「教えて(疑問・質問)」にみんなで「答える」Q&Aコミュニティ

こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

解決済みの質問

IE6のレイアウト崩れ

お世話になります。
下記の内容でレイアウトをしております。
firefox3.08ではほぼ思い通りですが、
IE6では、menuがmainの左下に入り込んでしまい、
mainが真ん中より少し左にずれてしまうのです。
解決策を教えてください。
情報が足らないようでしたら、ご連絡下さい、宜しくお願い致します。

body {
font-size : medium;
}

div#container {
width : 730px;
}

div#header {
font-size : 12px;
width : 725px;
}

div#navi {
width : 725px;
clear : both;
font-size : 12px;
}

.topicpath{
clear : both;
width : 725px;
margin : 3px 0 3px 0;
}


div#main{
float : right;
width : 540px;
}

div#menu{
float : left;
width : 170px;
font-size : 12px;
}


div#footer {
width : 725px;
clear : both;
font-size : 75%;
}



<div id="container">

<div id="header">
</div>

<div id="navi">
</div>

<div class="topicpath">
</div>

<div id="main">
</div>

<div id="menu">
</div>

<div id="footer">
</div>

</div>

投稿日時 - 2009-04-12 12:36:02

QNo.4872978

すぐに回答ほしいです

質問者が選んだベストアンサー

IE8でのイメージを添付します。
Menu・Mainラインの幅が他の幅よりはみ出ています。

解決策ではありませんが、
widthがすべてpx指定なのが気になります。
id="container"が親なのですから、その下層は%指定するべきなのでは?
と思いました。

投稿日時 - 2009-04-12 12:55:20

お礼

早急なご回答を頂きまして、ありがとうございました。
おかげ様で問題が解決できました。
%指定、勉強になりました。また何かありましたら宜しくお願い致します。

投稿日時 - 2009-04-12 13:34:11

このQ&Aは役に立ちましたか?

0人が「このQ&Aが役に立った」と投票しています

回答(1)

あなたにオススメの質問