[ askaratazor @ 04.12.2008. 00:39 ] @
Ok, ljudi, ja se ubih, ali ne mogu da nadjem resenje..
Kako da postavim content (proizvoljne povrsine) na sredinu ekrana u bilo kojoj rezoluciji i bilo kom pretrazivacu (da olaksam, neka se iskljuci famozni IE6+)?

Znaci vertikalno i horizontalno centriranje.

Primer: div sirine 700 visine 550 (i sadrzaj koji je u njemu, ali to se podrazumeva) zelim da postavim na centar strane za sve rezolucije vece od 800x600.
Ja se ubih i sa tabelama i sa div-ovima, ali ne znam.. A cini mi se da to dosta ljudi trazi po netu, pa bih zamolio iskusnije CSS kolege da daju jedno finalno resenje da ne bi vise lutali.

Poz i hvala..
[ smsoft @ 04.12.2008. 06:07 ] @
Dobrodosao u klub !
Ja sam to pitao davno i evo rezultata
http://www.elitesecurity.org/t237279-0#1422309
[ Miroslav Ćurčić @ 04.12.2008. 07:03 ] @
http://www.elitesecurity.org/t...em-vertikalno-centriranje-DIVa
[ askaratazor @ 04.12.2008. 16:04 ] @
Sve je to super, ali ni u jednoj temi nije odgovoreno.. U prvoj pise o tabeli i 3 kolone, a u drugoj se opet prepucavaju Aleksandar i Predrag oko w3.org standarda.

Znaci, ja ne znam visinu prozora (neko ima 1 toolbar, neko ima 4, nekome je rezolucija 1024x768, nekome 1280x1024, neko ima wide 1280x800) kod posetioca, ali zelim da taj element (div, samo jedna slika, nije bitno, container,...) bude uvek centriran i vertikalno i horizontalno.

Pogotovo me interesuje tableless dizajn, dakle samo pomocu CSS-a pozicioniranje.
[ webex @ 04.12.2008. 18:29 ] @
Ako ti ovo ne pomogne - nema ti pomoći

http://www.jakpsatweb.cz/css/css-vertical-center-solution.html
[ askaratazor @ 04.12.2008. 19:25 ] @
Uspeo sam da postavim u FF-u na sredinu strane sa tim, ali tek kad se doda za body i html width i height 100%, medjutim u exploreru (7) centrira ga horizontalno, a ne i vertikalno.. Koliko muke, to je neverovatno..
[ Max Payne @ 06.12.2008. 12:05 ] @
Tebi treba ovako nesto:


http://www.infinitywebdesign.c...rch/cssverticalcentereddiv.htm


Code:
#mydiv {
    position:absolute;
    top: 50%;
    left: 50%;
    width:30em;
    height:18em;
    margin-top: -9em;     /*set to a negative number 1/2 of your height*/
    margin-left: -15em;    /*set to a negative number 1/2 of your width*/
    border: 1px solid #ccc;
}


[Ovu poruku je menjao Aleksandar Vasic dana 06.12.2008. u 15:55 GMT+1]
[ askaratazor @ 07.12.2008. 03:30 ] @
Bravo, to je to.. Hvala puno.