Problem mit Hintergrundbild

[Robert Steichele]

Hier ist ein Auszug aus meiner CSS-Datei:

body { background-color:#003399; background-image:url(bilder/hintergrund.jpg); background-attachment:fixed; }
body.navi { background-color:#33CC00; }
body.rest { background-color:#FFFFFF; }

Ich hatte ursprünglich kein Hintergrundbild, und alles lief problemlos, auch die unterschiedlichen Farben wurden richtig dargestellt. Nun habe ich bei Body ein Hintergrundbild eingefügt, dies wird allerdings auch in den Seiten, die seither andere Farben hatten (.navi und .rest) angezeigt. Wie bekomme ich es dort heraus?

 

[Noby]

Hi
leider kapier ich dein Problem nur halbwechs. Am besten postest du nal deinen Html-Quellcode und deinen Css-Code. Dann wirds vielleicht klarer.
Ciao
Noby

 

[Thomas Lindner]

Schaff Dir Klassen ( class) :

So kanst Du verschiedenen Elementen der Seite verschiedenen Styles zuweisen in deinem Fal zum Beispiel dem Body.

Von Prinzip so wie Du es schon gemacht hast:

Body.Navi

Body. rest

Beispiel:

body
{
   margin: 0px;
}
body.navi
{
   background-image:url(bilder/hintergrund.jpg); background-attachment:fixed;
}
body.rest
{
   background-color:#FFFFFF;
}

 

[Robert Steichele]

Ich habe doch Klassen, einmal body.navi und einmal body.rest. Wenn ich jetzt .navi und .rest jeweils ein eigenes Hintergrundbild zuweise, das einfach nur ne große Fläche in einer Farbe ist, funktioniert es.
Aber warum wendet er es seither auf alle bodys an?

 

[Thomas Lindner]

Weil Du im dazu die Anweisung gibst?

body { background-color:#003399; background-image:url(bilder/hintergrund.jpg); background-attachment:fixed; }

Damit überschreibst Du "global" erstmnal die Unterklassen!