Background-Color für contentwrap

[andy1304]

Hallo zusammen,

ich bin dabei, ein Template anzupassen und stehe grade völlig auf dem Schlauch.
Folgendes habe ich bisher realisiert:

1.

Code: CSS  [Auswählen]

body {
        font-family: Arial, Sans-serif;
        font-size: 12px;
        margin: 20px 0;
        padding: 0;
        background-image:url('img/bg_muster.jpg');
        background-repeat:repeat-x;
        background-color: #000;
        color:#b3b3b3;
        line-height: 18px;
}
 

2.

Code: CSS  [Auswählen]

#header {
        height:233px;
        background:transparent;
        border-bottom:1px solid #666666;
        background-image:url('img/bg_header.png');
}
 

3. Die Header-Grafik hat transparente Bereiche, durch welche das Hintergrundbild des Body sichtbar sein soll. Das funktioniert auch. Jetzt möchte ich dem "contentwrap" eine Hintergrundfarbe geben. Habe alles versucht, diese wird aber nicht angezeigt - es bleibt immer transparent. Weder im Stylesheet noch "quick and dirty" in der index.html führt das zum gewünschten Ergebnis:

Code: PHP  [Auswählen]

<div id="contentwrap"style="background-color:black">
 

4. Gebe ich dem Div "breadcrumb" einen style="background-color:black" wird das ordnungsgemäß im Frontend angezeigt.

Hat jemand eine Idee, wo ich die Hintergrundfarbe für den Contentbereich, also alles unterhalb der Top-Navi, definieren muss?

Vielen Dank schonmal für Eure Hilfe.

Viele Grüße
Andy



Linkback: https://www.modified-shop.org/forum/index.php?topic=4763.0

[Tomcraft]

Bitte benutze für Code auch die entsprechenden Buttons, danke.

Ich habe deinen Beitrag mal editiert.

Gib uns bitte mal noch einen Link zu deinem Shop.

Grüße

Torsten

[andy1304]

Danke für den Hinweis, werd ich zukünftig machen.

Der Shop ist leider noch nicht online, nur lokal in der Entwicklungsumgebung. Würde auch ein Screenshot helfen?

Grüße
Andy

[Tomcraft]

Naja, dann weiss man zumindest in etwa worum es geht.

Ein Link zum Shop ist deshalb so wichtig, weil man dann die Seite mit Firebug ganz bequem untersuchen kann.

Grüße

Torsten

[andy1304]

Hier erst mal ein Screenshot. Der Header soll so bleiben, unterhalb der Topnavi soll der Hintergrund im Contentbereich schwarz sein.

  [ Für Gäste sind keine Dateianhänge sichtbar ]

[billybob]

Hi andy,
wenn das ein nur leicht modifiziertes template ist, dann versuch mal die Farbe im #wrap zu setzen.
Wenn ich mir den #contentwrap im Browser anschaue, ist das lediglich eine winzig schmaler bereich unterhalb der navigation.
Warum weiss ich auch nicht, aber im #wrap sollte es funktionieren. (Tut es zumindest bei mir)
Gruß
billybob

PS: setz doch mal die border auf 1px solig red, dann soltest Du sehen, wo das Teil liegt.
Ansonsten kann ich nur die Verwendung von Firebug ans Herz legen. Notfalls auch Taste F12 im IE8.

[andy1304]

Hi Billybob,

danke für Deinen Tipp. Das hatte ich schon probiert. Klappt leider nicht, die Hintergrundfarbe liegt dann auch im Header, und der soll transparent sein.

Ich hab´s jetzt aber gelöst. Habe in der index.html noch einen div eingefügt, der den div "contentwrap" und "footer" einschließt und diesem die Hintergrundfarbe gegeben.

Ist vielleicht noch nicht die Top-Lösung, aber funktioniert erst einmal.

Grüße
Andy

[karabey]

Code: CSS  [Auswählen]

#contentwrap {
        width:980px;
        overflow:hidden;
        background-color:#ffffff;
        clear:both;
}