Nekad, kad nije bilo CSS-a i slicnih fora, elementi na stranici su se pozicionirali tako sto ubacis transparentni gif 1x1 pa mu preko width i height parametara nastelujes koliko pixela da zauzme, i na taj nacin pomeris onaj element iza za toliki broj pixela. Ovo sto sam ti ja savetovao je samo moderna varijacija na temu. Ako nisi gadljiv na JavaScript, postoji jos elegantnije resenje, tako da text pozicioniras unutar manjeg DIV-a, pa taj DIV preko JavaScripta centriras po vertikali unutar onog veceg. Nesto poput:
Code:
function centriraj(){
var spoljnaVisina=document.getElementById("spoljniDiv").style.height;
var unutrasnjaVisina=document.getElementById("unutrasnjiDiv").style.height;
var spoljniPolozaj=document.getElementById("spoljniDiv").style.top;
var unutrasnjiPolozaj=(Math.round((spoljnaVisina-unutrasnjaVisina)/2))+spoljniPolozaj;
document.getElementById("unutrasnjiDiv").style.top=unutrasnjiPolozaj+"px";
}
I onda samo pozoves funkciju centriraj od nekud (recimo iz body taga preko onLoad eventa). Naravno, zamenis nazive DIV-ova u gornjema primeru sa onima koje si ti stavio kao id kod njih. Na ovaj nacin, ako se promeni velicina unutrasnjeg DIV-a, opet ce biti centriran po vertikali unutar onog spoljasnjeg.
edit: tek sam sad primetio da sam u poslednjem redu pogresno ispisao naziv promenljive kao "polozaj" umesto "unutrasnjiPolozaj", pa sam to ispravio.
[Ovu poruku je menjao valjan dana 16.01.2010. u 14:34 GMT+1]
Vertikalno centriranje teksta
