Hallo ich möchte ein Layout machen mit einem Kopf oben und drei Spalten (Navigation, Content und Sonstiges). Diese 4 Divs sollen von einem Umrahmt werden und dieser soll dann horizontal zentriert werden.
Soweit ist ja auch alles ok, nur soll auch alles mit einer höhe von 100% sein, geht auch wenn nicht genügend Inhalt ist, aber falls man scrollen muss wird der Hintergrund nicht fortgesetzt und der Text ist dann im leeren.
Gibts da eine gute Lösung?.
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
<!--
/* CSS Document */
html{
height:100%;
}
body {
margin:0px;
height:100%;
}
#middle {
position: relative;
text-align: left;
margin: 0px auto;
background:url(bg.png);
background-repeat:repeat-y;
width: 900px;
min-height:100%;
height:auto !important;
height:100%;
}
#logo {
width:900px;
height:128px;
left:0px;
top:0px;
overflow:hidden;
background:#666666;
clear:both;
}
#left {
width:200px;
left: 0px;
float:left;
}
#content{
padding: 0;
width:500px;
margin:0;
float:left;
}
#right{
float:left;
}
-->
</style>
</head>
<body>
<div id="middle">
<div id="logo">Kopf</div>
<div id="left">Navigation</div>
<div id="content">inhalt
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
</div>
<div id="right">rechts</div>
</div>
</body>
</html>
09.01.2008, 00:03
layout mit 3 Spalten und 100 Prozent Höhe
Ähnliche Themen
Linear-Darstellung
