29 июл. 2009 г.

HTML + CSS. div высотой 100% под дивом фиксированного размера

Div высотой 100% под div'ом фиксированного размера.
Один мой друг спросил меня, как это кроссбраузерно реализовать.
Вот красивое, нам мой взгляд, решение:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<style type="text/css">
body {
margin:0px;
padding:0px;
}

.top {
background-color:#CCCCCC;
height:200px;
}

.content {
height:100%;
margin-top:-200px;
}

.fromTop {
padding-top:210px;
}

</style>
</head>
<body>
<div class="top">Top</div>
<div class="content"><div class="fromTop">;-)</div></div>
</body>
</html>

Комментариев нет:

Отправить комментарий

Буду очень рад Вашему комментарию!