- 締切済み
min-width？を使って背景にスクロールを出さない
body内にcssでbox1をおき、そこに固定背景を指定しています。 その中にさらにbox2を置いています。 box1の幅が1000px、box2の幅が600pxだとします。 できれば、横スクロールをbox2の幅以下で出したいのです。 min-widthではIE6等には利きません・・・。 ハック、javascriptもかわまないので、どなたか効率のいいやり方を伝授していただけないでしょうか？ よろしくお願いします。 何もない状態のcssを書きます。 ■CSS body{ } .box1{ width: 1000px; height: 500px; margin: 10px auto; background-color:#000; text-align:center; } .box2{ width: 1000px; height: 300px; margin: 100px auto; background-color:#fff; } ■HTML <body> <div class="box1"> <div class="box2"> </div> </div> </body>
- みんなの回答 （1）
- 専門家の回答
みんなの回答
- xindex
- ベストアンサー率55% (5/9)
回答No.1
質問の意味が良くわからないけれど、勘で。 .box2{overflow:auto; width: 600px; height: 300px; margin: 100px auto; background-color:#fff; } <div class="2"> 幅600px以上で横スクロールバーの表示 縦300px以上で縦スクロールバーの表示 例： <img src"" width="1200" height="600"> </div> 多分動くと思う・・・多分。
補足
お返事ありがとうございます。 説明を補足致しますと・・・ ・box、2つ共センター揃え ・外枠であるbox1に背景 を踏まえまして ＜ブラウザのスクロールはBOX2の幅より少ない時に出したい＞ (box1の幅でスクロールを出したくない) ということなのです。 説明不足ですいません。 どうぞよろしくおねがいします。