Hintergrundproblem. CSS nicht korrekt?

Mütze

Hallo,

habe Body und den Inhalt wie folgt definiert:

body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-image: url(images/bgbody.jpg);
}
#wrapper {
background-color: #f0f0f0;
width: 800px;
margin-left:auto;
margin-right:auto;
}
Leider zeigt nur der Internetexplorer den Hintergrund des Inhalts (#wrapper) korrekt an. Firefox, Seamonkey & Opera zeigen den Body-Hintergrund.
Kann mir eine barmherzige Seele sagen, was ich falsch mache.
Ein 1. dickes Danke vorab.

LG, Mütze

sejuma

Bei mir wird im IE6 und FF5 die Seite identisch mit body und wrapper-Hintergrund angezeigt.
Was verstehst du denn unter "korrekt"? Schreib mal in den wrapper im HTML-Teil was rein oder gib ihm noch einen height-Wert.

Übrigens:
Den Code kannst du noch etwas vereinfachen und damit reduzieren:

Code

body {
margin: 0;
background-image: url(images/bgbody.jpg);
}
#wrapper {
background-color: #f0f0f0;
width: 800px;
margin: 0 auto;
}

mgraf

Das Problem ist, das der IE meistens (*g*) nichts gutes macht.

Hier rendert er wahrscheinlich ein Leerzeichen. der FF tut das nicht.

Also, im Quellcode ist in der wrapper-div entweder nichts oder nur ein Leerzeichen vorhanden, Schreib etwas Text hinein, damit sollte es bei beiden passen!

Oder gib dem wrapper-div einen border... dann siehst wenigstens was

lg

Mütze

Hai (wo?),

ich hatte tatsächlich in "wrapper" nix drin. Habe, nach Euren Tipps:
1.: Den Code vereinfacht. Das war schon super (obwohl ich's kannte, wollte aber nach einer Katastrophe streng nach Vorschrift...blablabla).
2.: 2 in "Wrapper-Bereich" genügten.
Body-, Container, Tabellen- und sonstige Hintergründe wieder da, wo sie hingehören.
War mein Crashkurs in CSS nicht umsonst, nur ein kleiner Fehler mit grosser Wirkung.
Danke Euch nochmals vielmals.

Liebe Grüße, Mütze

P.S.: Nach 19 Stunden mal ein bisschen schlafen. *freu*

Tags