締切済み

CSSレイアウトでこのようなことはできる？

2006/02/20 15:26

ホームページをテーブルを使用しないCSSレイアウトで作成しようと思います。左右を分けるのにfloatを使用して作っています。横幅は30%と70%で分けていますが、ブラウザの幅を小さくすると上下にずれてしまいます。そこでブラウザで800px以下になった時は横バー表示するようにしたいです。このようなことはできるでしょうか？

123isao
お礼率39% (123/310)

みんなの回答 （2）
専門家の回答

みんなの回答

bavarois
ベストアンサー率34% (34/100)

2006/02/21 15:12 回答No.2

さっきのでは横バー表示ができてませんでしたね（*o*）。 .a{ width:100%; ←ここを800px;にすれば800px以下になった時に横バーが出ると思います。 }

質問者

補足 2006/02/23 13:22

すみません、質問の仕方が悪かったみたいです。通常の表示は横１００％で表示し、横８００ピクセル以下の時のみ横バー表示する方法を知りたいです。 width:100%では常に１００％になりますし、width:800pxでは常に８００ピクセルになってしまいます。

bavarois
ベストアンサー率34% (34/100)

2006/02/21 15:07 回答No.1

<html> <head> <style type="text/css">  </style> </head> <body> <div class="a"> <div class="b">３０％</div> <div class="c">７０％</div> </div> </body> </html> これでできてると思います。背景＆heightはご自由に・・・。