dポイントプレゼントキャンペーン実施中!

IEとグーグルクロームの両方で、
サイドバーは固定幅を指定し、
メイン部分は、それぞれの方が使っているプレビュー画面の残り全部を使って表示できるCSSとHTMLの書き方を教えてください。

他にもブラウザはあるようですが、ただ今は、この2つだけを対象に考えています。

A 回答 (2件)

こんにちは。


下記ソースではいかがでしょうか?

・html
<div id="main">
<div id="left">左</div>
<div id="right">右</div>
</div>

・css
#main{width:100%;}
#left{float:left;width:200px;}
#right{margin-left:200px;}


この場合、右メイン部が短くなった場合でも、左メニューの下に回りこむこともないかと思います。
一応windowsの、googlechrome、IE、Opera、firefoxでは表示確認ができました。
また、#mainにも背景指定しておくと、左メニューが短い場合、右メイン部分が短い場合、ともに背景が途中で切れることなく反映されるようにもなります。






 
    • good
    • 0
この回答へのお礼

わざわざ、補足回答をしていただきありがとうございました。
片方の背景が途中でとぎれることも悩みの種でした。
重ねてお礼申し上げます。

ありがとうございました。

お礼日時:2009/02/27 21:04

<div id="SIDE">左</div>


<div>右</div>

#SIDE {
float:left;
width:200px;
}

この回答への補足

これでは、ブラウザよりもメインの表示する物が大きい場合、
サイドバーの下に回り込んでしまうようになるのですが、
そうならないで、
大きい場合は、メインの部分にスクロールバーが出るようにはできないのでしょうか。
また、インラインフレームの時、幅を規定しないで、
見ている方のブラウザの幅に合わすようなことはできないでしょうか。

補足日時:2009/02/25 15:11
    • good
    • 0

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!