#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