Internet Explorer Vs. Firefox Padding

Internet Explorer 9 støtter de fleste CSS3 elementer. Firefox har alltid hatt bedre etterlevelse til CSS standarder som er satt av World Wide Web Consortium (W3C) enn Internet Explorer. Dette gjelder spesielt for eldre versjoner av Internet Explorer, som led av konsistente CSS bugs.

Riktig Padding Behavior

Firefox er utviklet for å fungere med CSS og HTML som lagt ut av W3C. Padding fungerer riktig med Firefox ved design. I henhold til CSS standarder, bredden av et element angir innholdet; elementet er utvidet til å omfatte alle padding og grenser. Din 200 pixel DIV element med fem piksler av padding faktisk vil være 210 piksler bred, sto for fem piksler på hver side. Nettsteder som fungerer riktig i Firefox vil ikke gjengi riktig i eldre versjoner av Internet Explorer på grunn av en feil kjent som CSS Box Model bug.

Box Model Feil

The Box Model feil i Internet Explorer er til stede når du setter et element med en bredde, padding og border. I tidligere versjoner av Internet Explorer, vil padding passer i bredden og krympe innholdet. Som et eksempel vil en 150 pixel bred element med fem piksler med polstring ende opp på 160 piksler på siden i Firefox, og vil forbli 150 piksler på siden i Internet Explorer, med padding krympende interne innhold til 140 piksler.

Versjoner av IE

The Box Model feilen ikke er tilstede i alle versjoner av Internet Explorer. Det er mest utbredt i Internet Explorer 5, men vil vises i IE 6 og 7 når nettleseren blir tvunget inn Quirks Mode. Quirks-modus har plass eldre webstandarder å holde en side intakt. På tidspunktet for offentliggjøring, er Internet Explorer 5 ikke lenger er i vanlig bruk, mens Internet Explorer 7 står for litt mer enn fem prosent av Internett-brukere. Internet Explorer 6 står for mer enn 7 prosent av Internett-brukere. Dette er en kombinert totalt i underkant av 13 prosent.

Administrere Feil

Den mest effektive måten å håndtere denne feilen i Internet Explorer 6 og 7 er å erklære en DOCTYPE. Dette forteller nettleseren for å behandle HTML og CSS på siden ved hjelp av en bestemt type HTML. For å fortelle leseren til å bruke HTML4.0 Strict DOCTYPE, legge til følgende i første linje av kildekoden:

<! DOCTYPE HTML PUBLIC "- // W3C // DTD HTML 4.01 // EN" "http://www.w3.org/TR/html4/strict.dtd&quot;>

Du kan også fikse denne feilen ved å hekke DIV lag i hverandre og sentre andre DIV løpet av det første. Bruk lag for å etterligne polstring, i motsetning til innstilling polstring med CSS.