0 Всего найдено: 6

rim89 Сообщение 03/02/2010 12:25 Копия темы
Вопрос по верстке Подскажите plz, как сделать такую конструкцию
<body>
<div class="root">{динамический контент по выосоте}</div>
<div class="foot">{постоянный контент по высоте}</div>
</body>
* div class="root" – может быть и 50 px в высоту так и 5050px
* div class="foot" должен быть всегда внизу страницы

Faat Сообщение 03/02/2010 12:28 Копия темы
html, body {
margin:0;
padding:0;
width:100%;
height:100%;
}
.root {
position: relative;
min-height: 100%;
}
* html .root {
height: 100%;
}
.foot {
position: relative;
margin-top: -2.5em;
height: 2.5em;
}

onyxlord Сообщение 03/02/2010 12:40 Копия темы

rim89 Сообщение 03/02/2010 12:46 Копия темы
вариант с отритцательным margin не подходит, т.к. если контент больше высоты экрана, например 2000px , то она наезжает на <div class="foot">

onyxlord Сообщение 03/02/2010 12:59 Копия темы
поставьте
.foot{
position:relative;
top:-40px;
}
сделайте паддинг-боттом у внутреннего блока с контентом, чтобы не залазил на футер и маргин подойдет

rim89 Сообщение 03/02/2010 13:24 Копия темы
спасибо, то что нужно