div layer
Maximilian Morlock
- css
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
Hi!
Ohne Deinen code angeschaut zu haben kann ich sagen: Nein. Ausser Du fixierst sie auf eine bestimmte Groesse.
Schau halt mal in einen der zahlreichen Beitraege zu diesem Thema. Vielleicht in diesen hier von gestern.
Gruss
Yerf!
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
Alle 3 auf gleiche Höhe bekommen dürfte schwierig werden. Aber mit dem Suchbegriff "faux collumns" dürftest du hier und im restlichen Internet Tipps bekommen, wie man das ganze so aussehen lassen kann. (unter anderem gabs doch hier im Blog nen Eintrag, moment... http://aktuell.de.selfhtml.org/weblog/css-spaltenlayout)
Gruß,
Harlequin