nicht angemeldet
Hallo Detlef, hallo Shepard,
nachfolgend die erste Möglichkeit absoluter Position, 100% Höhe und Trick zur hor. Zentrierung. Leider hat aber die Zentrierung den Fehler, da die Elemente bei zu kleinem Fenster links abgeschnitten werden...
html:
<style type="text/css">
<!--
body {
background-color: #CCCCCC;
margin-left: 0px;
margin-top: 10px;
margin-right: 0px;
margin-bottom: 10px;
}
-->
</style>
<link href="test.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div align="center" id="container">
<div id="banner"><img src="../../LKU/Internet/images/top6.jpg" alt="Banner" width="766" height="135" /></div>
<div id="center">Raum für den Inhalt von id "center"</div>
<div id="bottom">
<p>mm</p>
</div>
</div>
</body>
CSS:
#container {
width: 766px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: -383px;
background-color: #FFFFFF;
position: absolute;
top: 0px;
height: 100%;
bottom: 0px;
left: 50%;
}
#banner {
height: 135px;
}
#center {
}
#bottom {
background-color: #FFCC00;
z-index: 1;
}