DIV-uri centrate in pagina: atentie la MARGIN

Pana sa ma lamuresc de niste lucruri, am tras de google de-am ametit… De ce? Pentru ca vroiam si eu, ca tot omul, sa centrez un DIV in pagina. IE, asa simplu la minte cum e el, ma asculta orbeste… Dar FF, cu pretentiile lui puriste, nu vroia neam! Asta pana am aflat de ce.

Browserele mai normale la cap (FF included) nu iau lucrurile “de bune”. Nu gandesc prieteneste, ci matematic. Ca sa pozitionezi un element in termeni relativi, browserul trebuie sa stie exact care sunt parametrii necesari calculului acelei pozitii relative. Cum, in cazul asta, vorbim de pozitionare pe orizontala, browserul are nevoie sa stie care sunt MARGIN la stanga si la dreapta. Cu alte cuvinte, daca vreau un DIV centrat pe mijlocul paginii, e musai sa-i dau

margin-left: auto;
margin-right: auto;

Fara setarile astea, FF o sa se incapataneze sa pozitioneze orice DIV (care nu are float) la marginea din stanga a holderului (parintelui etc.) sau, indiferent de text-align-ul acelui holder.

Astea fiind zise, am cam rezolvat problema! Prea simplu? Nu conteaza, sper doar sa-ti foloseasca.

Leave a Reply

Your email address will not be published. Required fields are marked *