Многие сталкивались с такой проблемой, но не всегда получается реализовать. Пробуем вот так, но это не во всех браузерах работает
margin: 0;
}
html, body {
height: 100%;
}
body {
font-family: “lucida sans”, verdana, arial, helvetica, sans-serif;
font-size: 75%;
}
#container {
min-height: 100%;
background-color: #DDD;
border-left: 2px solid #666;
border-right: 2px solid #666;
width: 676px;
margin: 0 auto;
}
* html #container { //работает в IE 6.0
height: 100%;
}
*+html #container { //работает в IE 7.0
height: 100%;
}
Соответственно, HTML код будет таким
<div id=“container”>
<h1>Высота блока DIV 100%.</h1>
<p>Высота блока DIV 100%.</p>
<p>Высота блока DIV 100%.Высота блока DIV 100%.Высота блока DIV 100%.Высота блока DIV 100%.Высота блока DIV 100%.Высота блока DIV 100%.Высота блока DIV 100%.Высота блока DIV 100%.Высота блока DIV 100%.Высота блока DIV 100%.Высота блока DIV 100%.Высота блока DIV 100%.Высота блока DIV 100%.Высота блока DIV 100%.Высота блока DIV 100%.Высота блока DIV 100%.Высота блока DIV 100%.Высота блока DIV 100%.Высота блока DIV 100%.Высота блока DIV 100%.Высота блока DIV 100%.Высота блока DIV 100%.Высота блока DIV 100%.Высота блока DIV 100%.Высота блока DIV 100%.</p>
<p>Высота блока DIV 100%.Высота блока DIV 100%.Высота блока DIV 100%.Высота блока DIV 100%.Высота блока DIV 100%.Высота блока DIV 100%.Высота блока DIV 100%.Высота блока DIV 100%.Высота блока DIV 100%.Высота блока DIV 100%.Высота блока DIV 100%.Высота блока DIV 100%.Высота блока DIV 100%.Высота блока DIV 100%.Высота блока DIV 100%.Высота блока DIV 100%.Высота блока DIV 100%.Высота блока DIV 100%.Высота блока DIV 100%.Высота блока DIV 100%.Высота блока DIV 100%.Высота блока DIV 100%.Высота блока DIV 100%.Высота блока DIV 100%.Высота блока DIV 100%.</p>
</div>
Работает отлично в ИЕ 6 и 7 и FF. опера и сафари криво. Может у кого-то еще есть идеи