Objekte stapeln

Status
Nicht offen für weitere Antworten.

wachteldonk

Erfahrenes Mitglied
Ich möchte mehrere divs mit z.b. 10px, 160px, 10px, 120px und ein div das die Resthöhe füllt stapeln. Wie kriegt man sowas mit css hin?
 
Hi,

da du dein Anliegen mal wieder dürftig umschrieben hast, bin ich mir nicht sicher, ob ich das "Stapeln der Objekte" richtig interpretiert habe. :p

Code:
<!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">
<meta name="author" content="Maik">
<title>tutorials.de | demo_wachteldonk</title>

<style type="text/css">
<!--
html,body {
margin:0;
padding:0;
height:100%;
}

div#wrapper {
position:relative;
margin:0 auto;
width:800px;
min-height:100%; /* Moderne Browser */
height:auto !important; /* Moderne Browser */
height:100%; /* IE */
background:blue;
}

#box1,#box3 {
height:10px;
background:yellow;
}

#box2 {
height:160px;
background:red;
}

#box4 {
height:120px;
background:red;
}
-->
</style>

</head>
<body>

<div id="wrapper">
     <div id="box1"></div>
     <div id="box2"></div>
     <div id="box3"></div>
     <div id="box4"></div>
</div>

</body>
</html>
 
Status
Nicht offen für weitere Antworten.
Zurück