5.3 Browserübergreifende Einrückungen

Problem

Die einzelnen Browser benutzen unterschiedliche Methoden für die Listeneinrückung. Mit Hilfe linker Außenabstände soll eine einheitliche Darstellung in allen (CSS-fähigen) Browsern erreicht werden.

Lösung

Legen Sie für das ul-Element Werte für die Eigenschaften margin-left und padding-left fest:

ul {
 margin-left: 40px;
 padding-left: 0px;
}

Diskussion

Die Browser setzen verschiedene Methoden ein, um die Einrückung einer Liste zu erreichen. So wird in Mozilla und Netscape 6+ die Einrückung über die Eigenschaft padding (Innenabstand) gesteuert. In Internet Explorer und Opera wird hierfür stattdessen margin (Außenabstand) verwendet.

Damit die Darstellung in allen Browsern einheitlich vorgenommen wird, müssen ...

Get CSS Kochbuch now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.