Drucken
RSS Feed
KontaktCSS Reset
0Verringerung von Browser-Inkompatibilitäten
Für jeden Webdesigner ist Cross-Browser-Kompatibilität gerade im Blick auf CSS ein echtes Problem. Pixelgenaue Layouts, das Box-Model und der allseits beliebte Double-Margin-Bug des IE6 beschwören regelmäßig Wutausbrüche und Frustration herauf. Dabei lassen sich viele Probleme bereits im Vorfeld vermeiden: Durch einen CSS-Reset.
Was ist ein CSS-Reset?
Beim CSS-Reset werden grundsätzliche Attribute sämtlicher HTML-Elemente auf einen bestimmten Wert gesetzt. Somit sind sämtliche Paddings, Margins, Borders und sonstige Attribute in allen Browsern auf einen gemeinsamen Nenner gebracht.
Hintergrund hierbei ist, dass die Standardwerte für viele Attribute in unterschiedlichen Browsern anders gesetzt sind, und somit bei Nichtanpassung optische Unterschiede entstehen die sich durch den CSS-Reset vermeiden lassen.
Wie sieht der CSS-Reset aus?
Grundsätzlich gibt es auf Meyerweb.com eine wunderbare CSS-Datei die bereits eine elementare Übersicht über alle Elemente gibt, die im CSS-Reset erfasst sind.
Natürlich sollte die vorgegebene Liste für eigene Projekte entsprechend angepasst werden. Generell kann man allerdings durch sinnvollen Einsatz eines CSS-Resets sehr viel CSS-Code sparen und die ein oder andere Browser-Diskrepanz bereits im Vorfeld ausschließen.
Dieser Artikel wurde verfasst von Martin Reithmayer.
Der Artikel ist am 04.08.2008 um 20:06 Uhr veröffentlicht worden und
wurde bislang 0 mal kommentiert.
Tags: CSS
Kommentar verfassen
Schon seit vielen Jahren beschäftige ich mich aktiv mit Webgestaltung und der Arbeit unter Linux. Dieser Blog dient mir als
Sprachrohr, meine Erfahrungen und Eindrücke aus verschiedensten Bereichen rund um den Computer an interessierte Anwender weiterzugeben.
