Seite 1 Seite 2 Seite 3 zurück zum Artikel
Eine Box mit:
width: 100%;
margin: 5%;
margin-top: 10px;
border: 1px solid #333333;
padding: 3%;
Nach CSS-Boxmodell hat diese Seite immer einen horizontalen Scrollbalken, egal, wieviel px horizontal der Bildschirm hat.
Die Gesamtbreite beträgt:
100%width + 2x5%margin + 2x3%padding + 2x1pxborder = 116% + 2px!
Nach IE-Boxmodell (IE5 und IE6 im Quirks-Modus, also ohne DTD) wird diese Box ohne horizontalen Scrollbalken angezeigt, so sollte es eigentlich sein.
Zu meinem grössten Erstaunen habe ich bei meinen Tests mit diesen Seiten festgestellt, dass auch der Opera in manchen Versionen und auch der IE7 bei fehlender DTD das IE-Boxmodell anzeigen. Deshalb gibt es diese Seite einmal mit DTD und einmal ohne dtd:
Sie sehen gerade die SEITE 1 mit DTD
Hier geht es zur Seite 1 ohne DTD »
Wenn Sie noch einen IE6 zur Verfügung haben, werden Sie den Unterschied in der Darstellung bemerken.
So wird das Problem behoben: