HTML-Elemente in jedem Browser identisch anzeigen

von | 09.03.2014 | Tipps

Wie die Sprache von Webseiten dargestellt werden soll, ist eigentlich im HTML-Standard definiert. Allerdings gibt es trotzdem Unterschiede – je nachdem, welchen Browser man verwendet. Damit Sie es als Web-Entwickler einfacher haben, können Sie das Aussehen von HTML und CSS vereinheitlichen.

Nutzen Sie dazu ein sogenanntes Reset-Stylesheet. Das ist eine CSS-Datei, in der festgelegt wird, wie jedes HTML-Element (Tag) dargestellt werden soll. So werden die Standard-Stile der einzelnen Browser angeglichen. Dazu binden Sie die reset.css in Ihre Webseite ein, bevor Sie Ihr eigenes Stylesheet laden:

<link rel="stylesheet" href="/styles/reset.css" type="text/css" />

<link rel="stylesheet" href="/styles/website.css" type="text/css" />

Anschließend werden zum Beispiel <h1> bis <h6> in jedem Browser gleich groß dargestellt, was für weniger Kopfzerbrechen beim Webseiten-Test sorgt.

css-reset-stylesheet