CSS 3. div Ebene kein background-image möglich?

iG0r · 02.01.2008, 04:35

Folgendes für mich unerklärliches Problem: die 3. DIV-Ebene "#headlogo" wird anscheinend an der richtigen Stelle plaziert, aber das "background-image: url(images/layout_04.gif);" wird nicht angezeigt. Und ja, das Bild ist im da und hat den richtigen namen (keine Tippfehler).

Ich hab mit CSS und Webdingsbums nicht viel am Hut, sehe den Fehler nicht

Bin eigentlich noch nicht weit gekommen und jetzt schon so ein Stolperstein? Bitte um Hilfe

Ist ja schon halb drei, aber so kann ich nicht schlafen gehen

Code:

<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de">
<html>
<head>
<title>Test Layout</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--

#container
{
	position: relative;
	z-index: 1;
	width: 1106px;
	padding: 0px;
	margin: 0px auto;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
	background-image: url(images/layout_02.gif);
}

#main
{
	position: relative;
	z-index: 2;
	width: 1106px;
	min-height: 696px;
	height: expression(this.scrollHeight > 696 ? "auto":"696px");
	background-image: url(images/layout_01.gif);
	background-repeat: no-repeat;
}

#headlogo
{
	position: relative;
	z-index: 3;
	width: 1106px;
	height: 96px
	background-image: url(images/layout_04.gif);
	background-repeat: no-repeat;
}

#footer
{
	position: relative;
	z-index: 1;
	width: 1106px;
	height: 100px;
	background-image: url(images/layout_03.gif);
	background-repeat: no-repeat;
}

-->
</style>
</head>
<body style="background-color: #FFFFFF; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px;">
	<div id="container">
		<div id="main">
			<div id="headlogo">
			</div>
		</div>
		<div id="footer">
		</div>
	</div>
</body>
</html>

Potassium · 02.01.2008, 12:09

Versuchs mal mit einer absoluten URI.

void · 02.01.2008, 14:13

Zitat:

Original geschrieben von iG0r
Ist ja schon halb drei, aber so kann ich nicht schlafen gehen

wohl eher halb vier?!

Zitat:

Original geschrieben von iG0r

Code:

#headlogo { position: relative; z-index: 3; width: 1106px; height: 96px; background-image: url(images/layout_04.gif); background-repeat: no-repeat; }

wie wäre es mit einem strichpunkt?!

tipp: validator hätte wahrscheinlich geholfen!!

iG0r · 02.01.2008, 14:43

Ahhhhhhh doh! Na echt, ich hab tatsächlich das kleine Komma mit dem Punkt vergessen

Was für eine Blamage, bitte Thread löschen

Danke

reemrev · 02.01.2008, 18:13

Kann dich beruhigen, du bist nicht alleine:
Mein Klassiker, der mich 20 Minuten meines Lebens gekostet hat, ist die Erkenntnis: TABEL ist nicht TABLE.

02.01.2008, 12:09	#2
Potassium Inventar Registriert seit: 06.03.2003 Alter: 37 Beiträge: 3.954 Mein Computer	Versuchs mal mit einer absoluten URI.

02.01.2008, 14:43	#4
iG0r Gesperrt Registriert seit: 14.08.2003 Alter: 48 Beiträge: 915	Ahhhhhhh doh! Na echt, ich hab tatsächlich das kleine Komma mit dem Punkt vergessen Was für eine Blamage, bitte Thread löschen Danke

02.01.2008, 18:13	#5
reemrev Inventar Registriert seit: 31.01.2000 Beiträge: 1.706 Mein Computer	Kann dich beruhigen, du bist nicht alleine: Mein Klassiker, der mich 20 Minuten meines Lebens gekostet hat, ist die Erkenntnis: TABEL ist nicht TABLE.

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)