Autor Zpráva
pitro
Profil
#1 · Zasláno: 16. 6. 2005, 11:49:27
Odpovědět Citovat
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
#2 · Zasláno: 16. 6. 2005, 12:23:33
Odpovědět Citovat
Yuhu o tom napsal clanek, zkuste ho najit na www.jakpsatweb.cz, Leo
pitro
Profil
#3 · Zasláno: 16. 6. 2005, 12:49:27
Odpovědět Citovat
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
#4 · Zasláno: 16. 6. 2005, 12:52:55 · Upravil/a: Acci
Odpovědět Citovat
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
#5 · Zasláno: 16. 6. 2005, 13:08:59 · Upravil/a: pitro
Odpovědět Citovat
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
#6 · Zasláno: 16. 6. 2005, 15:45:31
Odpovědět Citovat
No, IMHO to mozna nepojede v Opere, protoze kdyz jsem neco podobneho delal, tak mi to dost blbnulo.
lukas2
Profil *
#7 · Zasláno: 17. 6. 2005, 22:56:59
Odpovědět Citovat
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
#8 · Zasláno: 18. 6. 2005, 02:27:48
Odpovědět Citovat
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í.
Časová prodleva: 1 rok
gondo
Profil *
#9 · Zasláno: 6. 7. 2006, 22:25:01
Odpovědět Citovat
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
#10 · Zasláno: 6. 7. 2006, 22:37:06
Odpovědět Citovat
gondo: znáš jeho výšku?
Časová prodleva: 18 let
Toto téma je uzamčeno. Odpověď nelze zaslat.

0