Hi,
hab ein kleines Problem. Es geht um den blauen Hintergrund der folgenden Seite:
Seite mit blauem Hintergrund
Der blaue Hintergrund soll bis an den oberen Rand des Vieports reichen.
wie könnte er?
body {
width: 960px;
height: 2000px;
margin: 0px auto;
background: blue;
}
Du legst fest, dass body "nur" 960px breit sein soll ("nur" in Anführungszeichen, weil das deutlich mehr ist, als die übliche Breite meines Browserfensters). Genau über diese Breite erstreckt sich dann auch die Hintergrundfarbe. Außerhalb davon gelten die Merkmale des html-Elements.
> ~~~css
#background {
> margin: 20px 0px 0px 0px;
> [...]
> }
Leider klappt das nicht obwohl die Zeile "margin: 0px auto;" doch eigentlich sagt, dass der blaue Hintergrund bis an den oberen Rand des Viewports reichen soll.
Ich sag's ja immer wieder: Collapsing Margins machen nur Ärger ...
Der obere Rand des div#background fällt mit dem oberen Rand von body zusammen, daher gelten die 20px top-margin auch für body. Ist 'ne bescheuerte Spezifikation, aber leider Tatsache.
Ciao,
Martin
--
Der Stress von heute ist die gute alte Zeit von morgen.
Der Stress von heute ist die gute alte Zeit von morgen.