#pojemnik {
width: 980px;
margin: 0 auto;
position: relative;
}
#srodek {
padding-top: 100px;
padding-bottom: 100px;
}
#tmp {
float: left;
width: 730px;
}
#menulewe {
float: left;
width: 200px;
}
#tresc {
float: right;
width: 526px;
border-left: 2px solid black;
border-right: 2px solid black;
}
#menuprawe {
float: right;
width: 250px;
}
#naglowek {
border-bottom: 2px solid black;
position: absolute;
top: 0;
left: 0;
width: 980px;
height: 100px;
}
#stopka {
border-top: 2px solid black;
position: absolute;
bottom: 0;
left: 0;
width: 980px;
height: 100px;
}
.czyszczenie {
clear: both;
}
<body>
<div id="pojemnik">
<div id="srodek">
<div id="tmp">
<div id="tresc"></div>
<div id="menulewe"></div>
<br class="czyszczenie" />
</div>
<div id="menuprawe"></div>
<br class="czyszczenie" />
</div>
<div id="naglowek"></div>
<div id="stopka"></div>
</div>
</body>
Listing 39.7. Układ nr 8 z rozdziału 20. po ustaleniu kolejności elementów TLPNS
Rozdział 39. Kolejność elementów w kodzie XHTML