Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Вёрстка веб-сайтов > растянуть слой на всю высоту контента.

Автор: dima_mak 28.2.2008, 19:29

Задача такая:
есть один полупрозрачный слой который должен служит фоном ещё одному слою который наложен на него:

Код


#bigblok {
position: absolute;
left:272px;
top: 0px;
width: 728px;
background:#cc9933;
opacity: 0.35;
height: 100%;
filter:alpha(opacity=35);
z-index: 3;
}

#mainblok {
 position:absolute;
 left: 282px;
 top: 300px;
 width: 430px; /* Ширина слоя */
 min-height: 500px;
 z-index: 3;
 }

Код


<div id="bigblok">
</div>
<div id="mainblok">
</div>

нужно что бы или фоновый блок был такой же высоты(+20 пикселей) как и контент или что бы он был на всю страницу.
Если я делаю высоту 100% то это работает только если контент менише страницы, а если появляется скрол для контента, то фон остается только сверху на высоту видемой части.

З,Ы
Облазил все поиски и форумы - не нашел или не понял как это сделать.....

Автор: Fortop 28.2.2008, 22:56

Попробуй зафиксировать фон.

Автор: dima_mak 29.2.2008, 04:43

фиксация работает, но тогда при скролинге есть эффект заторможености и это плохо смотрится...

Автор: bars80080 29.2.2008, 10:39

может вам это поможет
http://www.artlebedev.ru/tools/technogrette/html/fixed_in_msie/

фиксация слоя на экране без дрожания

Автор: dima_mak 29.2.2008, 15:12

не помогает, всё равно есть заторможеность.(наверно из за того что сам блок большой и есть ещё много на него наложеных...