Box model: Microsoft vs W3C
June 5th, 2009Internet Explorer are modelu’ cutiutei diferit de restul browserelor pamantului, astfel tu trebuie sa faci lucrurile putin diferit pentru a ajunge la acelasi rezultat. In plus, nu te poti adresa unui singur browser, deci trebuie specifici reguli care sa functioneze identic atat in IE (standarde Microsoft) cat si in Firefox, Safari, Chrome, Opera etc (restul browserelor care functioneaza dupa standardele W3C).
Problema este ca Microsoft considera ca latimea unui element contine padding-ul si borderul (ceea acum 4 ani si mie mi se parea logic), dar asta contrazice standardul. Logic sau nelogic, standardul este cel ce incurajeaza progresul, face ca lumea sa fie mai buna si ca toate site-urile sa arate la fel indiferent ce browser preferi.
In alte cuvinte, daca tu specifici unui element sa aiba latimea de 900px si distanta interioara fata de continut de 10 pixeli pe fiecare latura, latimea totala va fi de 900px in IE si 920px in orice alt browser de pe planeta asta, iar asta da ceva batai de cap in unele cazuri.
Asta e un fel de introducere pentru niste articole pe care vroiam sa le scriu de mult timp pentru cei ce sunt la inceput cu CSS-ul.
Post-uri cu tematica asemanatoare
RSS prin serviciul/programul preferat de tine.
EroticaXP
05/06/2009 3:15
Ce e ala Internet Explorer? A scos Microscrot vreun browser pe bune?
Alter Ego Blog
11/06/2009 5:05
Uite de aceea nu mai folosesc IE de vreo 5 ani… totusi daca esti dezvoltator trebuie sa te gandesti si la cei probabil peste 50% din vizitatori care n-au auzit de alt browser decat de IE…
ciops
11/06/2009 22:37
Normal, dar cel mai important trebuie sa intelegi problema ca sa stii cum s-o rezolvi :).
Ionut Staicu
23/06/2009 11:28
Cred că omiţi să specifici un miiic amănunt. Şi anume că problema cu box model este doar la IE5 (sau IE5.5, nu mai ştiu). IE6/7/8 nu au astfel de probleme ;)
ciops
01/08/2009 2:58
My bad :)