nicht angemeldet
Servus,
hier ist mein konkretes Problem:
Ich habe einen Header, den ich über 100% strecken möchte, mit einer
bestimmten Höhe.
Nun möchte ich unter diesem Header ein 3 Spaltiges Layout, das aber
nicht höher als 100% ist(also kein Scrollbalken).
Allerdings sollten sich jetzt diese 3 Spalten je nach Browser und
Auflösung bis nach unten strecken, und bei Bedarf auch automatisch
vergrößern.
Aber auch wenn nur eine Spalte länger wird, so sollen die anderen
auch länter werden !!!
Hier ein Beispiel wie es nicht sein soll (wegen dem Scrollbalken):
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Unbenanntes Dokument</title>
<style type="text/css">
html,body {
width:100%;
height:100%;
margin:0;
padding:0;
background-color:green;
}
.div_header{
width:100%;
height:100px;
background-color:red;
}
.div_left{
width:20%;
height:100%; /*Ich weiß das das Falsch ist, weiß aber nicht wie es anders gehen könnte*/
background-color:blue;
float:left;
}
.div_center{
width:60%;
height:100%; /*Ich weiß das das Falsch ist, weiß aber nicht wie es anders gehen könnte*/
background-color:black;
float:left;
}
.div_right{
width:20%;
height:100%; /*Ich weiß das das Falsch ist, weiß aber nicht wie es anders gehen könnte*/
background-color:pink;
float:left;
}
</style>
</head>
<body>
<div class="div_header"></div>
<div class="div_left"></div>
<div class="div_center"></div>
<div class="div_right"></div>
</body>
</html>