| Nastavenie pozívie objektov a vrstvy | |
| A. 3 stĺpce - ľavý a pravý s pevkou šírkou a stredný s plávajúcou šírkou | |
| #lavy {position: absolute; left: 10px; top: 50px; width: 200px;} | |
| #stredny {margin-left: 200px; margin-right: 200px; margin-top: 10px;} | |
| #pravy {position: absolute; left: 10px; top: 10px; width: 200px;} | |
| toto znamená, že stredný stlpec sa bude prispôsobovaťoknu prehliadača. | |
| B. 3 stĺpce - so spoločnou hlavou a pätou | |
| #hlava{width: 768px;} | |
| #lavy {float: left; width: 200px;} | |
| #stred {float: left; width: 368px;} | |
| #pravy {float: left; width: 200px;} | |
| #pata{width: 768px; clear: both;} | |
| toto je s pevnou šírkou v pixeloch, clear v poslednom zabezpečí, že päta bude až dole po celej šírke. Ak zmeníme px na percentá, bude stránka prispôsobená oknu prehliadača. | |
| C. Vnorený plávajúci elelent | |
| #obsah {margin: 10px; border: 1px orange;} | |
| #navigacia {float: right; width: 150px; border: 1px orange; margin-left: 5px;} | |
| obsah je celí stránka, ktorá sa posúva a prispôsobuje, a navigacia je vnutri obsahu. Navigacia ostáva potom na mieste a je vždy zafixovaná na svojom mieste. | |