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