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.