Hintergrundbild im mainwrapp

[FroschN]

Guten Morgen

ich möchte gerne im mainwrapp ein hintergrundbild einfügen ist das denn möglich?
Habe es in der CSS mit background-image versucht aber leider bekomme ich da nicht das gewünschte ergebnis heraus.

@charset "utf-8";
/* für alle Bereiche werden Innen- und Aussenabstände auf 0 gesetzt */
html, body, #wrapper, #nav, mainwrapper,{
	margin: 0;
	padding: 0;
}
 a:link{color:#000;}
 a:visited{color:#ff0;}
 a:hover{color:#f00;}
 a:active{color:#f00;}
body {
	font: 100% sans-serif;
	background: #910000;
	text-align: center; /*Zentrierung für den IE 5.x*/
}
#wrapper {
	width: 75em;
	text-align: left;
	margin: 0 auto; /* Zenrtierung für die Standartkonformen Browser*/
	background-color: #910000;
}
#header {
	background: #910000;
	margin: 45px 0px 0px 0px;
}
#nav {
	width: 80em;
	float: left;
	background: #910000;
	color: #FFF;	
}
#nav li {
	list-style: none;
    display: inline;
    margin: 0.9em; 
	padding: 0;
}
	
#mainwrapper {
	margin-left: 150m;
	background-image: url(Logo3.2.png)	
}
p {
	color: #999;
	float: left;
	margin: 25px 25px 0 25px;
}

grüß
Cörmi

 

[threadi]

Ohne den HTML-Code kann man das nicht genau beurteilen. Ich vermute aber mindestens einen der folgenden Gründe:

- Du hast im #mainwrapper Elemente die floaten und nicht gecleart
- das referenzierte Bild ist nicht dort vorhanden wo Du es angegeben hast
- das referenzierte Bild ist wird anders geschrieben als Du es angegeben hast (Groß-/Kleinschreibung beachten)
- das Hintergrundbild ist zu groß und wird durch andere Elemente überlappt