CSS Kochbuch

4.2 Seitenränder entfernen

Problem

Sie wollen den Leerraum zwischen den Kanten einer Webseite und dem Rand des Browserfensters entfernen, wie in Abbildung 4-1 gezeigt.

Lösung

Setzen Sie die Werte der Eigenschaften margin und padding für die Elemente html und body auf null:

html, body {
 margin: 0;
 padding: 0;

position: absolute;
 top: 0;
 left: 0;
 }

Abbildung 4-1. Als Leerraum dargestellte Seitenränder entlang den Kanten einer Webseite

Diskussion

Wenn Sie die Eigenschaften padding und margin (Innen- und Außenabstand) für das Element body auf den Wert 0 setzen, kann ein Effekt erreicht werden, als sei die Seite »angeschnitten«. Der Leerraum um die Webseite ...