Jak stránku vycentrovat na střed
Ahoj , chci skusit vycentrovat tento kód. Je všechno nalepené na levém rohu tak co tam mám změnit aby byla stránka uprostřed?
<META content="text/html; charset=iso-8859-2" http-equiv=Content-Type>
<STYLE>#obsah {
POSITION: absolute; WIDTH: 500px; TOP: 120px; LEFT: 150px
}
#patka {
WIDTH: 100%
}
#hlavicka {
POSITION: absolute; WIDTH: 760px; HEIGHT: 120px; TOP: 0px; LEFT: 0px
}
#levy {
POSITION: absolute; WIDTH: 150px; TOP: 120px; LEFT: 0px
}
#pravy {
POSITION: absolute; WIDTH: 110px; TOP: 120px; LEFT: 650px
}
#levy {
BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; BACKGROUND-COLOR: green; COLOR: white; BORDER-TOP: medium none; BORDER-RIGHT: medium none
}
#levy H3 {
COLOR: black
}
#levy A:link {
COLOR: yellow
}
#levy A:visited {
COLOR: silver
}
#levy A:hover {
COLOR: red
}
#pravy {
BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; BACKGROUND-COLOR: green; COLOR: white; BORDER-TOP: medium none; BORDER-RIGHT: medium none
}
#hlavicka {
BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; BACKGROUND-COLOR: navy; COLOR: yellow; BORDER-TOP: medium none; BORDER-RIGHT: medium none
}
#patka {
BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; BACKGROUND-COLOR: navy; COLOR: yellow; BORDER-TOP: medium none; BORDER-RIGHT: medium none
}
#vtipek {
Z-INDEX: 1; BORDER-BOTTOM: medium none; POSITION: absolute; TEXT-ALIGN: center; BORDER-LEFT: medium none; BACKGROUND-COLOR: yellow; WIDTH: 100px; HEIGHT: 100px; BORDER-TOP: medium none; TOP: 90px; BORDER-RIGHT: medium none; LEFT: 570px
}
#vtipek {
FILTER: Alpha(opacity=90, style=3); -moz-opacity: 0.9; opacity: 0.9
}
DIV {
PADDING-BOTTOM: 6px; PADDING-LEFT: 6px; PADDING-RIGHT: 6px; PADDING-TOP: 6px
}
* {
BOX-SIZING: border-box; -moz-box-sizing: border-box
}
</STYLE>
<META name=GENERATOR content="MSHTML 8.00.7600.16671"></HEAD>
<BODY>
<P> </P>
<DIV id=obsah>
<H1>Pokus</H1>
<P>Pokus jestli to bude fungovat.</P>
<P id=patka>Toto je patka.</P></DIV>
<DIV id=hlavicka>
<H3>Hlavička s libovolným obsahem</H3>
<P>Uvidíme jak se to zobrazí.</P>
<P> </P></DIV>
<DIV id=levy>Levý sloupec
<P>odkazy</P>
<P><A href="www.lpoon.html">Hu hu hu hu</A></P>
<P><A href="kokot.html">kokot na entou</A></P>
<P><A href="www.gny.cz">pokus</A></P>
<P><A href="kujin.cz">Kujin</A></P>
<P><A href="martay.cz">Martik</A></P>
<H3>Nadpis jinou barvou</H3></DIV>
<DIV id=pravy>Pravý sloupec
<P>"odkazy 2"</P>
<P>Odkaz</P>
<P>odkaz</P>
<P>odkaz</P>
<P>odkaz</P>
<P>odkaz</P>
<P>odkaz jinam </P></DIV>
<DIV id=vtipek>Pokus zobrazení</DIV></BODY></HTML>
???? hodit do Wordu -dat zarovnat na sted --kopirovat -- vlozit na web... ????????
LOL
srandisto...
celé to umístit do vycentrovaného bloku s relativní pozicí a tak absolutně adresovat vzhledem k tomuto bloku?
zdroj vycentrování
Ukázka
No ty seš bůh. Díky strašně moc. Jsi zlatíčko.