19-03-2013, 14:56
to naprawdę jest takie trudne powklejać sobie "overflow" w rożnych miejscach i poobserwować jak zachowuje się layout
Kod:
<html style="height: 100%">
<head>
</head>
<body style="height: 100%;">
<div style="width: 1000px; margin: 0px auto; background: orange; height: 100px;">NAGŁÓWEK</div>
<div style="width: 1000px; margin: 0px auto; background: yellow; min-height: 100%; overflow:hidden;">
<div style="width: 200px; float: left; background: blue; height: 100%; padding-left: 5px; position: relative">
<div style="width: 160px; background: black; color: white" >
<br><br><br>
MENU ROZSUWANE
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
</div>
<div style="width: 160px; background: red; height: 100%">
REKLAMA (100% height )
</div>
</div>
<div style="float: right; overflow:hidden;">
<div style="width: 700px;background: red; height: 200px">
BANER
</div>
<div style="width: 700px; overflow:hidden;">
<div style="width: 500px;float: left;background: blue;">
TREŚĆ WSZYSTKO ROZCIĄGA W DÓŁ
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
</div>
<div style="float: right;height: 100%;background: black;width: 200px;">
PASEK Z INFO (100% height )
</div>
</div>
</div>
</div>
<div style="width: 1000px; margin: 0px auto; background: orange; height: 100px; clear:both;"></div>
</body>
</html>