Вид для печати
Помоги пожалуйста, надо срочно доделать сайт! Мне нужно без таблиц сверстать сайт. Есть главный див
<div class="page">
</div>
в этом диве много других дивов
нужно сделать, чтобы высота этого дива была не меньше размера экрана, а если превышает размер экрана, то этот див должен растягиваться. Если ставлю height:auto, то высота иногда меньше 100%, а если ставлю 100%, то больше чем есть содержимое в этом диве.
[Only registered and activated users can see links. Click Here To Register...]
[Only registered and activated users can see links. Click Here To Register...]
[Only registered and activated users can see links. Click Here To Register...]
я так понимаю, нужно использовать свойство body min-height: 100%; но оно у меня что-то никак не работает, обязательно нужно делать позиционирование такое как тут в примере ?[Only registered and activated users can see links. Click Here To Register...]
В каком именно примере? Там много примеров)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Центр-Левая-Правая + max-width</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css">
* {margin: 0px; padding: 0px;}
html {background: #CCFFFF; height: 100%;}
body {min-width: 800px; min-height: 100%; position: relative;}
* html body {height: 100%;}
#header {background: #FFFF99; height: 100px;}
#content {width: 100%; max-width: 1000px; margin: 0px auto; padding-bottom: 70px; overflow: hidden;}
#outer1 {width: 100%; margin-right: -200px; float: left;}
#outer2 {margin-right: 200px;}
#outer3 {width: 100%; margin-left: -200px; float: right;}
#main {margin-left: 200px; background: #FFCCFF;}
#left {width: 200px; float: left; background: #00CCFF;}
#right {width: 200px; float: right; background: #FFCC66;}
#footer {background: #66FFCC; width: 100%; height: 70px; position: absolute; bottom: 0px;}
* html #footer {bottom: -1px;}
</style>
<script src="js/minmax.js" type="text/JavaScript"></script>
</head>
<body>
<div id="header">Заголовок</div>
<div id="content">
<div id="outer1">
<div id="outer2">
<div id="outer3">
<div id="main">Контент</div>
</div>
<div id="left">Левая колонка</div>
</div>
</div>
<div id="right">Правая колонка</div>
</div>
<div id="footer">Футер</div>
</body>
</html>
а внутри общего дива другие дивы могут иметь высоту auto или 100%?
Ну и в чем проблема?
проблема в том, что у меня в некоторых случаях высота все равно остается меньше 100%,
Так. Давайте все по порядку.
1. Что подразумевается под "общим дивом".
2. Что подразумевается под "другими дивами".
3. Зачем именно "другим дивам" так необходима высота auto или 100%.
есть общий див, который размещается по центру class="all" в нем содержится еще дивы top,
и див back. в диве back
left, center, right - левая колонка, ценральная и правая
<div class="all">
<div class="back">
<div class="left">
<div class="center">
<div class="right">
</div>
<div>
да, высота других дивов и не нужна, если я ее убираю, ничего не меняется
и когда я ставлю min-height: 100% для body или для div.all, результат такой же
Простите, но мы с Вами разговариваем на разных языках.