Autor Zpráva
pitro
Profil
Mam DIVko (v ňom mám celý obsah stránky), ktoré potrebujem nacentrovať presne do stredu obrazovky (aj horizontálne aj vertikálne).Zaujíma ma hlavne to vertikálne centrovanie. Ako na to?
Leo
Profil
Yuhu o tom napsal clanek, zkuste ho najit na www.jakpsatweb.cz, Leo
pitro
Profil
Yuhu tam ale piše o vkladani DIVu s textom do ineho DIVu s určenou výškou. Ja ale nepoznám kolko pixelov na výšku ma ta alebo ta obrazovka ktorá práve zobrazuje stránku:((
Acci
Profil
A co takhle?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>Univerzální vertikální centrování</title>
<style>
body {text-align:center;}
</style>
</head>

<body>
<div style="display: table; height: 400px; _position: relative; overflow: hidden;margin:0 auto; text-align:left">
<div style=" _position: absolute; _top: 50%;display: table-cell; vertical-align: middle;">
<div class="greenBorder" style=" _position: relative; _top: -50%">
libovolný prvek<br>
libovolné výšky<br>
a libovolného obsahu<br>
zůstává vertikálně vystředěný
</div>
</div>
</div>
</body>
</html>

http://www.jakpsatweb.cz/css/css-vertikalni-centrovani.html
pitro
Profil
Trochu som to zmenil aby ste pochopili presnejsie o co mi asi ide. Dal som tam height:100% a zarovnal na stred. Dal som tam este miesto toho textu obrazok. Vysledok ktory som si želal som docielil iba na IE na Mozille mi to neslo.


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>Univerzální vertikální centrování</title>
<style>
body {text-align:center;}
</style>
</head>

<body>
<div style="display: table; height: 100%; _position: relative; overflow: hidden;margin:0 auto; text-align:center;">
<div style=" _position: absolute; _top: 50%;display: table-cell; vertical-align: middle;">
<div class="greenBorder" style=" _position: relative; _top: -50%">
<img src="asdf.jpg">
</div>
</div>
</div>
</body>
</html>
Charlie
Profil
No, IMHO to mozna nepojede v Opere, protoze kdyz jsem neco podobneho delal, tak mi to dost blbnulo.
lukas2
Profil *
Pitro: na vertikalni vycentrovani bych zapomnel, nenasel jsem zadne, ktere by bylo dokonale (tj. napriklad aby pri prilis male vysce okna zobrazilo vertikalni posuvnik), nicmene Yuhuu napsal i verzi pro vycentrovani v ramci stranky, myslim, ze to ma na konci anglickeho popisu
Yuhů
Profil
stačí tam přidat tohle:

<style>
body, html {height: 100%;}
#outer {height: 100%; overflow: visible;} /* or without overflow */
...
</style>

opravdu to mám jenom v anglické verzi, teď jsem si toho všimnul
http://www.jakpsatweb.cz/css/css-vertical-center-solution.html
ale to je tím, že mi na toto téma píše spousta Holanďanů a Japonců, Češi skoro žádní.
gondo
Profil *
no mam otazku k tomu prikladu
ked chcem centrovat element vramci celej stranky a chcem aby bol centrovani aj pri zmene rozmeru okna tak som akosi nahrany teda ako nato ?
habendorf
Profil
gondo: znáš jeho výšku?
Toto téma je uzamčeno. Odpověď nelze zaslat.