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>