Я хочу, чтобы мой контейнер div расширялся вертикально, чтобы разместить его содержимое ...?

Question

Я создаю страницу с фоновым изображением, а содержимое находится внутри центрированного контейнера, который выполняется вертикально вниз по странице. Подобно Yahoo! Ответ макета: http://uk.answers.yahoo.com/

Если вы минимизируете свой браузер в то время как на Yahoo! Ответы на вертикальную прокрутку просто становятся «длиннее», а содержимое остается на белом контейнере.

Однако, когда я минимизирую свой браузер, содержимое в нижней части контейнера переполняется и появляется на фоновом изображении. Я хочу, чтобы контейнер расширялся ..

Я не хочу использовать переполнение: авто или любые другие атрибуты переполнения, и мне не нравятся полосы прокрутки.

Пожалуйста, смотрите ниже, и спасибо заранее:

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); 
) 

Answer 1

Просто удалите высоту значение: 100% от #container. Это устанавливает максимальную высоту вашего контейнера на ту же высоту, что и окно браузера, предотвращая показ окна дольше.

Я предполагаю, что вы добавили это свойство, чтобы весь фон отображался на странице при небольшом содержании страницы. Чтобы получить эффект, который вы ищете, вам, возможно, придется создать отдельный div в фиксированном положении и в центре с индексом z, который меньше вашего основного # контейнера.