Задать максимально-возможную высоту <div>

man777 · April 9, 2008

На нижний слой страницы(его высота около 2000px), сверху я хочу наложить такой же по размерам слой с большим z-index:

.cont1
{ 
 position: absolute; 
 top: 1200px; 
 left: 0px;
 z-index: 2;
}

.cont2
{ 
 background: #D4070C;
 position: absolute; 
 height: 2000px;
 top: 0px; 
 left: 0px;
 z-index: 3;
}

К сожалению, чтобы нижний слой полностью закрывался пришлось задать фиксированную высоту (2000px), но так как ни на всех страницах высота нижнего слоя так велика, получается не очень хорошо. Есть ли возможность вместо точного задания размеров написать что то вроде height: 100%; - к сожалению работает только на видимую часть экрана, то есть если опустить вниз то там будет вс? открыто, да и то не на всех браузерах

Буду очень благодарен за ваш за совет

Postal · April 10, 2008

можно поподробней.

я лично так понял что у вас есть слой определенной высоты с контентом и вы его хотите скрыть пут?м наложения на него другого слоя.

закрывающий слой должен быть с определенным бэкграундом? или цель только сделать слой невидимым.

man777 · April 10, 2008

да, верхний слой должен быть с бэкграундом

Postal · April 10, 2008

если я правильно понял постановку задачи то так:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru"><head><title>000</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<style type="text/css">
body {
 margin:0;
 padding:0;
}
.front {
 background-color:green;
 visibility:hidden;
}
.bg {
 background-color:red;
}
</style></head><body>
<div class="bg">
 <div class="front">
 adfa
adfa
adfa
adfa
adfa
adfa
adfa
adfa
adfa
adfa
adfa
adfa
adfa
adfa
adfa
adfa
adfa
adfa
adfa
adfa
adfa
adfa
adfa
adfa
adfa
adfa
adfa
adfa
adfa
adfa
adfa
adfa
adfa
adfa
adfa
adfa
adfa
adfa
adfa
adfa
adfa
adfa
adfa
adfa
adfa
adfa
adfa
adfa
adfa
adfa
adfa
adfa
adfa
adfa
adfa
adfa
adfa
adfa
adfa
adfa
adfa
adfa
adfa
adfa
adfa
adfa
adfa
adfa
adfa
adfa
adfa
adfa
adfa
adfa
adfa
adfa
adfa
adfa
adfa
adfa
adfa
adfa
adfa
adfa
adfa
adfa
adfa
adfa
adfa
adfa
adfa
adfa
adfa
adfa
adfa
adfa
adfa
adfa
adfa
adfa
adfa
adfa
adfa
adfa
adfa
adfa
adfa
adfa
adfa
adfa
adfa
adfa
adfa
adfa
adfa
adfa
adfa
adfa
adfa
adfa
adfa
adfa
adfa
adfa
adfa

 </div>
</div>
</body></html>

man777 · April 10, 2008

да о таком варианте я уже думал, но хотелось бы с использованием z-index.. Ну видимо как выше предложено, так и сделаю, не сильно это принципиально

Sign In

Задать максимально-возможную высоту <div>

Question

man777

Link to comment

Share on other sites

4 answers to this question

Recommended Posts

Postal

Link to comment

Share on other sites

man777

Link to comment

Share on other sites

Postal

Link to comment

Share on other sites

man777

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information