nicht angemeldet
hallo
ich habe folgendes Problem:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title></title>
<meta name="author" content="michaelsinterface">
<style type="text/css">
<!--
* {
margin: 0;
padding: 0;
}
html, body {
height: 100%;
}
div#wrapper {
position: relative;
width: 760px;
margin: 0 auto;
border-left: 1px solid #a0bbde;
border-right: 1px solid #a0bbde;
min-height: 100%;
height: auto !important;
height: 100%;
}
div#leftCol {
width: 125px;
float: left;
}
div#rightCol {
width: 125px;
float: right;
}
div#centerCol {
margin: 0 125px;
}
div#footer {
position: absolute;
bottom: 0;
width: 760px;
height: 20px;
background: #fff;
border-top: 1px solid #a0bbde;
}
-->
</style>
</head>
<body>
<div id="wrapper">
<div id="leftCol">leftCol</div>
<div id="rightCol">rightCol</div>
<div id="centerCol">centerCol</div>
<div id="footer">footer</div>
</div>
</body>
</html>
gibt es eine Möglichkeit, das die div layer leftCol,rightCol und centerCol immer gleich hoch sind also, dass immer alle bis zum Ende des layers wrapper gehen so wie sich drei Spalten einer Tabelle verhalten würden? ich denke bzw. hoffe, das es eine einfache Lösung gibt danke im Vorraus max