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. |
|
|