Padding & Margin resetten in IE en FF
January 28th, 2010 by Edwin 728 x bekeken
Verleden week heb ik bij het opmaken van een crossbrowser layout weer véél tijd verloren met de eeuwigdurende incompatibiliteit van Internet explorer en Firefox / Opera. Ook al was het weer een tijd geleden dat ik nog wat aan coderen gedaan heb, rust roest namelijk vrij snel…
Het scheen me maar niet te lukken om een inline list navigatie op een identieke positie te krijgen in IE 7 en FF3.0..die fucking verschillende margin en padding interpretaties ook .. 
Een simpele offset regel toevoegen aan de css file was nochtans voldoende geweest om een hoop ergernis te vermijden.
Padding - Margin offset
Bij deze om nooit meer te vergeten de coderegel:
* { padding:0; margin:0; }
Dit lijntje code zet alle margins & paddings in ELKE browser netjes op ‘0′
Stem of voeg toe aan
: 
:
Mogelijk nog interessanter zijn zogenaamde css reset style sheets die alle waardes waar je mogelijk problemen mee kunt krijgen op 0 zetten. Even Googlen en je hebt er zo een paar gevonden. Gebruik ze zelf eigenlijk nooit
@Edwin, ik ben het niet helemaal met je eens. Natuurlijk is het handig om die code te gebruiken, maar door het juiste gebruik van margin en padding heb je die niet nodig.
De code heeft ook een nadeel: doordat je alles op 0 zet, maar nu moet je ook elke tag een margin / padding meegeven, wat je normaal niet hoeft te doen.
De code heeft inderdaad ook nadelen, het is beter om ze enkel in de ‘probleemgebieden’ toe te passen..:)
bv. ul { padding: 0; margin: 0;}
Erg nuttig, en op deze manier heb de meeste verschillen in browsers al verholpen.