• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Header- Farbe über die gesamte Webseite

Basti15517

Neues Mitglied
Hallo ich versuche schon seit stunden eine Lösung zu finden das der Header- Hintergrund übers Layout hinausgeht quasi über die gesamte Fensterbreite, ich habe auch schon Lösungsansätze gefunden:

z.B.
background-repeat:repeat-x
#inhalt {width: xxx; margin: 0 auto;}

leider greifen diese Codes nicht bei mir. Welche Möglichkeiten habe ich noch oder was habe ich in mein CSS- Code
falsch gemacht.

mein Header:
2946-cba443b61cc62c4590f70604e113161a.jpg


CSS- Code (da es sich um den Header handelt habe ich erst mal nur die Codes für den Header eingefügt.

Code:
/* ************** ALLGEMEINE FORMATIERUNGEN *********************
*****************************************************************/

*{
    margin: 0px;
    padding: 0px;
}

html, body{
    margin: 0;
    padding: 0;
    background: #fff;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 12px;
}

/* ************************** LAYOUT ****************************
*****************************************************************/

#wrapper{
width: 1200px;
margin: 0 auto;
min-height: 1200px;
height:auto !important;
height:1200px;
overflow: hidden !important; /* FF Scroll-leiste */
}

#main-header{
width: 1200px;
height:460px;
float:left;
}

#header{
margin:0 auto;
background:#2B2B2B;
overflow: hidden;
height:690px;
}
 

Anhänge

  • header.jpg
    header.jpg
    212,4 KB · Aufrufe: 10
Werbung:
Die background-color dem Body zuweisen.

Danke dir für deine Hilfe.
Und was muss ich dann machen, ich habe Die background-color dem Body zuweisen.

Code:
html, body{
    margin: 0;
    padding: 0;
    background: #fff;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 12px;
    background-color:2B2B2B;
}

mit dem Farbcode des Headers.
 
Werbung:
Die Farbangabe bei hexadezimalen Zahlen benötigt ein "#" vor der Zahl. Also:

Code:
background-color: #2B2B2B;
 
Da der HTML-Code oder besser ein Link zur Seite fehlt, fällt die Antwort etwas schwer. Vlt. müsstest Du die Farbe auch bei #main-header einfügen.
 
Werbung:
Zurück
Oben