CSS-Problem mit Hintergrundbild und no-repeat

[dn3d_fanboy]

Hallo Leute,
ich weiß mal wieder nicht weiter. Es geht um diesen CSS-Code:

#main    {
        width: 960px;
        min-height: 700px;
        background: url(images/content_bg.jpg) center top no-repeat;
        }

Aus irgendwelchen Gründen wird mir das dazugehörige Hintergrundbild nicht angezeigt. Nehme ich das no-repeat raus, wird es allerdings angezeigt, aber dann natürlich wiederholt dargestellt, was ja nicht der Sinn des Ganzen sein sollte.

Was mache ich da schon wieder falsch und hat jemand eine Lösung für mich?

Besten dank schonmal im Voraus.

 

[randacek_pro]

AW: CSS-Problem mit Hintergrundbild und no-repeat

Was mir gleich auffällt, setzt bitte mal den Bild-Verweis in einfache Anführungszeichen - außerdem ist bei dieser Kurzschreibweise wichtig, dass du die Reihenfolge der Argumente einhältst: erst kommt Farbe, dann Billd, dann repeat, dann attachment und dann position, also:

#main    {
        background: url('images/content_bg.jpg') no-repeat center top;
        }

Mit anderen Worten, es war nur vertauscht

Grüße

 

[dn3d_fanboy]

AW: CSS-Problem mit Hintergrundbild und no-repeat

Dank randacek_pro, aber es funktioniert es trotzdem nicht.
An den Anführungszeichen kann es eigentlich auch nicht liegen (habe ich auch schon versucht), da das Bild ohne no-repeat ja angezeigt wird.

Eigenartig das Ganze...

 

[randacek_pro]

AW: CSS-Problem mit Hintergrundbild und no-repeat

Hast du schon versucht, die Attribute einzeln aufzuschreiben?
Also nicht die Kurzschreibweise...

Hast du das Projekt schon online, dass man mal gucken kann?

 

[Raphale]

AW: CSS-Problem mit Hintergrundbild und no-repeat

Vl weil du keine Angaben für eine Höhe oder breite machst wie z.B.:

background-size: cover/contain/100%/..px ..px/etc.;

?

 

[ArcaJeth]

AW: CSS-Problem mit Hintergrundbild und no-repeat

Also bei einem Test (leere Seite, nur ein #main-DIV) funktioniert es ... kann es sein, dass das Bild mit dem no-repeat einfach nur durch etwas anderes verdeckt wird?
Wie sieht der Rest des Dokumentes aus?

 

[TehTux]

AW: CSS-Problem mit Hintergrundbild und no-repeat

Also bei einem Test (leere Seite, nur ein #main-DIV) funktioniert es ...

Kann ich bestätigen : http://jsfiddle.net/QSZdP/

 

[bustler]

AW: CSS-Problem mit Hintergrundbild und no-repeat

Sorry, melde mich gleich noch mal.
Habe mich von dem Link jsfiddle irritieren lassen und untersucht.

So, jetzt aber korrekt.
Probiere mal noch ein scroll aus. Also no-repeat scroll center usw.

Sonst die üblichen Verdächtigungen. Welchen Browser nutzt Du? Probier mal einen anderen. Alles an Cache leeren.
Viele Probleme klären sich manchmal dadurch. Hab es schon oft erlebt.

 

[dn3d_fanboy]

AW: CSS-Problem mit Hintergrundbild und no-repeat

Danke für eure Antworten, ich habe den Fehler gefunden.
Die Header-DIV-Box über der Main-Box war absolut positioniert und hat die Box darunter verdeckt.
Jetzt funktioniert alles, wie es sein soll.

Danke nochmal.