Hintergrundbild mit CSS

LuckyWombat

Mitglied
Thread Starter
Dabei seit
07.08.2005
Beiträge
26
Reaktionspunkte
0
Hallo an alle!

Ich habe ein Problem mit meinem CSS-Layout.

Ich möchte ein Hintergrundbild für eine Seite festlegen und das mache ich mit
HTML:
body {
  background-image: url(../images/bg.gif);
  background-repeat: no-repeat;
}

Soviel zum CSS-Code. Hier ist das HTML-Gerüst:
HTML:
<?xml version="1.0" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Eine Überschrift</title>
<link rel="stylesheet" type="text/css" href="style/format.css">
</head>
<body>

	<h1>Eine Überschrift</h1>
	<p>
		Das ist der Inhalt:
	</p>
	<p>
		<a href="#" target="_self">1. Thema</a>
		<br />
		<a href="#" target="_self">2. Thema</a>
		<br />
		<a href="#" target="_self">3. Thema</a>
		<br />
		<a href="#" target="_self">4. Thema</a>
		<br />
		<a href="#" target="_self">5. Thema</a>
	</p>

</body>
</html>

Der Aufbau ist wie folgt:
Web-Sites ----
---- style​
---- format.css
---- images​
---- bg.gif
index.htm​


Da ich vermutete, dass der Pfad zum Bild falsch angegeben ist, habe ich, um das zu testen, das Bild 'bg.gif' in das root-Verzeichnis des Webservers verschoben (Web-Sites) und in der CSS-Datei 'background-image: url(bg.gif);' angegeben. Das half aber auch nicht, das Bild wurde nach wie vor nicht angezeigt.

Ich habe das Bild mal spasseshalber in der index.htm mit '<img src="images/bg.gif" ... /> eingebunden und dann wird das Hintergrundbild angezeigt. Ich finde den Fehler nicht.

Kann mir jemand von Euch bitte behilflich sein?

Vielen Dank schon mal und viele Grüsse,
LuckyWombat
 
Bei mir wird der Hintergrund angezeigt, wenn ich deinen Code kopiere… :confused:

 
Hmm. Ich hatte auch schon die Vermutung, dass es an Safari liegen könnte und er die Seite aus dem Cache lädt. Um sicher zu gehen, habe ich den Cache geleert und die Seite neu geladen. Das Hintergrundbild wurde immer noch nicht geladen. Mit Flock und Firefox auch nicht. :(

Ich war mir eigentlich auch ziemlich sicher, dass der Code richtig ist, nur manchmal sieht man ja Rechtschreibfehler nicht, selbst wenn man danach sucht. Merkwürdig ...

Vielen Dank für Deine Hilfe!

Viele Grüsse,
LuckyWombat
 
Ich hab deinen Code aber ja 1 zu 1 übernommen (bis auf daß ich die Umlaute geändert habe).
CSS-Datei liegt im Ordner style, Hintergrund im Ordner images.
 
Ohne es getestet zu haben:
Hast du mal die Variante 'strict' im Doctype verwendet?
 
2 dinge die ich überprüfen würde:

1. xml-declaration weglassen
2. die Bilddatei überprüfen.
 
Vielen Dank für Eure Mühe und es ist mir jetzt schon peinlich es sagen zu müssen: Die Bilddatei liegt im Ordner styles und in meiner Datei steht style. Das konnte natürlich niemandem auffallen, da ich es auch in der Verzeichnisstruktur falsch angegeben habe.

Das Stylesheet hatte somit natürlich keine Wirkung, was mir aber natürlich nicht aufgefallen ist, da ausser dem Hintergrundbild noch nichts definiert war.

Nachdem ich also nun das fehlende 's' hinzugefügt habe, funktioniert es, wie gewohnt, bestens.

Vielen Dank noch mal für Eure Mühe.

Viele Grüsse,
LuckyWombat
 
LuckyWombat schrieb:
Die Bilddatei liegt im Ordner styles und in meiner Datei steht style.
Nee, in deiner Datei steht, daß das Bild im Ordner images liegt. ;)
 
no_n@me schrieb:
Nee, in deiner Datei steht, daß das Bild im Ordner images liegt. ;)

Ja, ja. Entschuldigung. Bei der Eile ... :eek:

Ich meinte natürlich das Stylesheet, nicht die Bilddatei. Das Stylesheet war für die HTML-Datei nicht auffindbar und deshalb funktionierte es nicht.

Viele Grüsse,
LuckyWombat
 
Zurück
Oben Unten