Eller lægger dem ved siden af hinanden:
<style type="text/css">
*{font-family:verdana,arial,sans-serif;font-size:10px;color:black;}
html,body{height:100px;margin:0px;padding:0px;}
.almDiv{
float:left;
width:200px;
}
.over{
height:100px;
border-right:1px solid red;
}
.mellemover{
height:200px;
border-right:1px solid blue;
}
.mellemunder{
height:300px;
border-right:1px solid green;
}
.under{
height:400px;
border-right:1px solid yellow;
}
</style>
<body>
<div class="almDiv over" id="div1">Her er første spalte</div>
<div class="almDiv over" id="div1">Her er anden spalte</div>
<div class="almDiv over" id="div1">Her er tredje spalte</div>
<div class="almDiv over" id="div1">Her er fjerde spalte</div><br>
<div class="almDiv mellemover" id="div1">Her er første spalte</div>
<div class="almDiv mellemover" id="div1">Her er anden spalte</div>
<div class="almDiv mellemover" id="div1">Her er tredje spalte</div>
<div class="almDiv mellemover" id="div1">Her er fjerde spalte</div><br>
<div class="almDiv mellemunder" id="div1">Her er første spalte</div>
<div class="almDiv mellemunder" id="div1">Her er anden spalte</div>
<div class="almDiv mellemunder" id="div1">Her er tredje spalte</div>
<div class="almDiv mellemunder" id="div1">Her er fjerde spalte</div><br>
<div class="almDiv under" id="div1">Her er første spalte</div>
<div class="almDiv under" id="div1">Her er anden spalte</div>
<div class="almDiv under" id="div1">Her er tredje spalte</div>
<div class="almDiv under" id="div1">Her er fjerde spalte</div><br>
</body>
Ny bruger
Nybegynder
Opret
Preview
