text hlaviΦky ...

P°φklad pozicovanΘho designu

hlavnφ text strßnky ... bla bla bla

Zßpis stylu vypadß takto:

<style>
#hlavicka, #menu, #text {position: absolute}
#hlavicka {top: 0px; left: 10px}
#menu {top: 80px; left: 10px}
#text {top: 80px; left: 160px}
</style>

HTML k≤d zjednodu╣en∞:

<div id="hlavicka">text hlaviΦky ...</div>
<div id="menu">odkazy menu ... </div>
<div id="text">hlavnφ text strßnky ... bla bla bla</div>

V praxi je t°eba je╣t∞ nastavit rozm∞ry oddφl∙, ale zßkladnφ idea by m∞la b²t jasnß.