みんなの「教えて(疑問・質問)」にみんなで「答える」Q&Aコミュニティ

こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

締切り済みの質問

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>

投稿日時 - 2008-10-21 04:46:49

QNo.4417492

すぐに回答ほしいです

このQ&Aは役に立ちましたか?

0人が「このQ&Aが役に立った」と投票しています

回答(1)

ANo.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>

多分動くと思う・・・多分。

投稿日時 - 2008-10-21 14:15:02

補足

お返事ありがとうございます。

説明を補足致しますと・・・
・box、2つ共センター揃え
・外枠であるbox1に背景
を踏まえまして

<ブラウザのスクロールはBOX2の幅より少ない時に出したい>
(box1の幅でスクロールを出したくない)
ということなのです。

説明不足ですいません。
どうぞよろしくおねがいします。

投稿日時 - 2008-10-22 22:16:15

あなたにオススメの質問