Hallo!
Ich habe ein Problem mit dem repeat-y beim background-image.
ich würde gerne in meinem linken DIV (id=boxleft) ein Bild wiederholen lassen, so dass es zu 100% der Fensterhöhe der Seite angezeigt wird.
Aber irgendwie passiert garnichts
Hier mein Code:
HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Meine Seite</title>
<link href="styles.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="mainbox"> <div id="contentbox"> <div id="boxleft">aaa</div>
<div id="boxnavigation">bbb</div>
<div id="boxcontent">ccc</div>
<div id="boxright">ddd</div>
</div>
</div>
</body>
</html>
CSS
body { min-height: 100%;
height: auto !important;
height: 100%;
font-family: "Lucida Sans", Verdana, Tahoma;
font-size: 12px;
color: #1D3367;
background-color: #020526;
margin: 0; padding: 0;
text-align: center; /* Zentrierung im Internet Explorer */
}
#mainbox { min-height: 100%;
height: auto !important;
height: 100%;
text-align: center;
}
#contentbox { min-height: 100%;
height: auto !important;
height: 100%;
width: 580px; /* 4 mal 196px */
margin: 0 auto;
}
#boxleft { min-height: 100%;
height: auto !important;
height: 100%;
background-image: url(images/leftsnip.jpg) repeat-y;
text-align:center;
width: 29px;
float: left;
border-width: 0px;
}
#boxnavigation { text-align:center;
width: 96px;
float: left;
border-width: 0px;
}
#boxcontent { text-align:center;
width: 415px;
float: left;
border-width: 0px;
}
#boxright { text-align:center;
width: 28px;
float: left;
border-width: 0px;
}
Weiß jemand was ich hier falsch mache?
1000 Dank für jeden Tipp,
Mercredi
