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>

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