nicht angemeldet
Hier ist die Seite etwas vereinfacht:
<html>
<head>
<style>
html{
height: 101%;
background-image: url("texture.jpg");
}
body{
width: 1050px;
margin: auto;
margin-top: 30px;
margin-bottom: 15px;
padding-top: 25px;
background-color: #ffffff;
}
#layout-header{
width: 1000px;
height: 300px;
margin: auto;
background-color: red;
}
#layout-navigation{
width: 1000px;
margin: auto;
margin-top: 10px;
border: none;
}
#layout-content{
float: left;
width: 840px;
margin-left: 25px;
border: none;
}
#layout-rightbar{
float: right;
width: 140px;
border-left: 1px dashed #cfcfc5;
padding-left: 15px;
}
</style>
</head>
<body>
<div id="layout-header"></div>
<div id="layout-navigation">Link1 | Link2 | Link3 | Link4</div>
<div id="layout-content">Lorem Ipsum...Blub!</div>
<div id="layout-rightbar"> Sidebar<div>
</body>
</html>
<div id="layout-rightbar"> soll die ganze restliche Höhe des Body einnehmen, so dass eine durchgezogene Linie von oben bis unten entsteht.
Om nah hoo pez nyeetz, klaudiusz!
wenn alle Vorgängerelemente die Höhe auto haben, sind 100% von auto nunmal auto.
Ansonsten wäre es jetzt an der Zeit, ein funktionierendes Online-Beispiel bereitzustellen.
Matthias
Gunnar Bittersmann
Der Martin