Über ein Hintergrund Bild ein Bild legen

Status
Nicht offen für weitere Antworten.

Orphelina

Erfahrenes Mitglied
Nur IE zeigt Hintergrundbild an

Hallöchen,

also, ich habe einen Header ein background-image. Leider zeigen mir die anderen Browser gar kein Hintergundbild an- woran liegt das?

Gruss Orphelina

HTML:
HTML:
<body >

<div id="Container">
 <div>
   <div id="Header" class="mainnav" style="padding: 95px 0px 0px 5px;">
      <a href="" >Bla1</a> | 
      <a href="" >Bla2</a> | 
      <a href="" >Bla3</a> | 
      <a href="" >Bla4</a>
    </div>
  </div>
 <div>
     <div class="Content">Content1mit viel Blabla</div>
   <div class="Content">Content2 mit viel Blabla</div>	
   <div id="Navi">Navigation</div>
   </div>
  <div id="Foot" class="mainnav" style="padding: 4px 0px 3px 5px;">
    </div>
 </div>
</body>

CSS
Code:
#Container {background:#FFFFFF;width:990px; height:590px;}
#Header{
	width:990px; 
	height:120px; 
	background-image: url("img\head.png");
	float:left;
	}
.content {margin:1px;
	background:#FFFFFF; 
	height:445px; 
	width:340px;
	padding:20px 20px 40px 20px;
	float:right;
	}

.mainnav{font-family: Arial,Verdana, Tahoma; 
	font-size: 12px; 
	font-style:bold; 
	text-transform: uppercase;
	color:#CCCCCC;
	float:right;
	}

#Navi{	
	font-family: Arial, Verdana, Tahoma; 
	font-size:14px; 
	width:150px; 
	padding:20px 2px 0px 10px; 
	float:left;
	}

#Foot {	height:25px; 
	width:990px; 
	}
 
Zuletzt bearbeitet:
Der Fehler liegt an dem verwendeten Backslash:
Code:
#Header{
	width:990px; 
	height:120px; 
	background-image: url("img\head.png");
	float:left;
	}
 
Ich kann im FF und Opera nicht mal eine andere Hintergrundfarbe statt dem Bild nehmen, die ignorieren das einfach!
 
Also Farben gehen, ich hatte nen Fehler drin, aber sobald ich versuche ein Bild einzufügen, ignorieren es alle...
Und ich versteh es einfach nicht!
 
Dann wird wohl der relative URL zur Hintergrundgrafik nicht korrekt sein. Falls sich die Grafik in einem parallelen Verzeichnis zur CSS-Datei befindet, versich mal ../img/head.png als Pfadangabe.
 
Wie gesagt, der Grafikpfad muß so lauten:

Code:
background-image: url("img/head.png");
 
Ja das Bild geht jetzt endlich, vielen Dank erstmal!
Jetzt hab ich halt das Problem, dass ich da noch ein Bild möchte... Also quasi ein Hintergrundbild wie ich es bereits habe und dann noch ein Logo. Aber er zeigt es mir nie an! Ich habe es schon mit dem z-index versucht, aber das hab ich wohl falsch angewendet, weil es gar nichts gebracht hat!
 
Könntest Du uns mal vielleicht eine Onlineversion davon zur Verfügung stellen? Oder zumindest einen aktuellen Sourcecode vielleicht auch mit ner kurzen Info wie die Ordnerstrukturen sind dazu?
 
Status
Nicht offen für weitere Antworten.
Zurück