ホームページの見せ方

質問

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

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

回答No.2

myahumyahu · ベストアンサー

こんにちは。
下記ソースではいかがでしょうか？

・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にも背景指定しておくと、左メニューが短い場合、右メイン部分が短い場合、ともに背景が途中で切れることなく反映されるようにもなります。

お礼

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

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

回答No.1

noname#83877

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

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

補足

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