Objekte stapeln

wachteldonk · 16. September 2007

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?

Maik · 16. September 2007

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.

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>

Objekte stapeln

wachteldonk

Erfahrenes Mitglied

Maik

Neue Beiträge