【CSS】widthの相対指定について

【CSS】widthの相対指定について #wrapを100%指定にして、ウインドウサイズに合わせて横幅が変動するようにしています。 #leftは200px固定で、#rightをウインドウに合わせて横幅が変動するよう相対指定したいのですが CSSでどういった記述をすればいいでしょうか? また、h1等のwidthは#leftを基準とした100%の横幅で表示させたいです。 IE6対応のWebサイトを修正しており、 当時はwidthの指定をしないと自動的に相対値になっていたようなのですが、 IE8やFirefoxで同じように実現するにはどのように記述すればいいでしょうか?

画像

Firefox2,182閲覧xmlns="http://www.w3.org/2000/svg">250

ベストアンサー

1

CSS --------------------------------------------- #wrap { width: 100%; } #container { width: 100%; height: 600px; position: relative; } #right { width: auto; height: 600px; margin-left: 210px; background-color: #F90; padding: 10px; } #left { position: absolute; top: 0; left: 0; width: 200px; height: 600px; background-color: #006; } h1 { width: 100%; height: 30px; background-color: #090; } --------------------------------------------- HTML --------------------------------------------- <div id="wrap"> <div id="left"></div> <div id="right"><h1></h1></div> </div> --------------------------------------------- こんなのではどうでしょうか? 分かりやすいよう背景色と高さを指定しています。適宜削除してください。 #containerを新しく作り、その中に#leftと#rightを入れています。 #rightは絶対配置にしました。使用する場合、他のboxと被らないよう注意してください。 参考になれば幸いですm(_ _)m

1人がナイス!しています

ThanksImg質問者からのお礼コメント

absolute指定ですか! なるほどです。ありがとうございました。

お礼日時:2009/10/9 14:02