0

背景画像を含むページを作成しています。コンテンツは、ページを垂直に下に走る中央のコンテナ内にあります。Yahoo!に似ています 回答のレイアウト： http： //uk.answers.yahoo.com/

Yahoo!でブラウザを最小化した場合 答えは、垂直スクロールが「長く」なり、コンテンツはすべて白いコンテナに残ります。

ただし、私のブラウザを最小化すると、コンテナの下部にあるコンテンツがオーバーフローし、代わりに背景画像に表示されます。コンテナを拡張したい。

overlay：autoやその他のオーバーフロー属性を使用したくないので、スクロールバーが好きではありません。

以下をご覧いただき、よろしくお願いいたします。

body {
background-image: url('images/ppback.jpg');
padding: 0;
margin: 0;
width:100%;
height:100%;
}

#container {
position: relative;
background: #440077;
width: 770px;
margin:0 auto;
top: 0px;
height: 100%; 
opacity: .7;
filter:alpha(opacity=70);
)
4

1 に答える 1

0

#container から値 height: 100% を削除するだけです。これにより、コンテナの最大高さがブラウザ ウィンドウと同じ高さに設定され、ウィンドウよりも長いものは表示されなくなります。

ページ コンテンツが少ないときに背景全体がページに表示されるように、このプロパティを追加したと思います。探している効果を得るには、メインの #container よりも小さい az インデックスを使用して、固定位置に中央に配置された別の div を作成する必要がある場合があります。

于 2012-06-17T01:39:20.630 に答える