• 7 odgovora
  • 4.949 pregleda
Centriranje sadrzaja na sredinu ekrana - vert i hor? 04.12.2008. u 00:39 · pre 217 meseci #1
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..
Re: Centriranje sadrzaja na sredinu ekrana - vert i hor? 04.12.2008. u 16:04 · pre 217 meseci #4
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.
Re: Centriranje sadrzaja na sredinu ekrana - vert i hor? 04.12.2008. u 19:25 · pre 217 meseci #6
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..
Re: Centriranje sadrzaja na sredinu ekrana - vert i hor? 06.12.2008. u 12:05 · pre 217 meseci #7
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]
Prijavite se da biste odgovorili u ovoj temi.PrijavaRegistracija

Premeštanje teme