Beste mensen,

Ik wil 3 kolomen naast elkaar hebben in het midden, maar elke kolom moet zijn eigen container krijgen zodat de hoogtes bij alle 3 altijd anders kunnen zijn. Hoe doe ik dit in godsnaam?

= - -

Een voorbeeld: links is nu 100px midden 50px rechts 50px.

Code:

#vak1{
height: auto;
width: 100px;
float: left;
}

#vak2{
height: auto;
width: 50px;
float: left;
}

#vak3{
height: auto;
width: 50px;
float: left;
}

<div id="vak1"></div>

<div id="vak2"></div>

<div id="vak3"></div>

zoiets?

Origineel gepost door Harmen Vogel

Code:

#vak1{
height: auto;
width: 100px;
float: left;
}

#vak2{
height: auto;
width: 50px;
float: left;
}

#vak3{
height: auto;
width: 50px;
float: left;
}

<div id="vak1"></div>

<div id="vak2"></div>

<div id="vak3"></div>

zoiets?

Nope wat ik precies bedoel is het volgende: er zijn 3 kolommen.. deze 3 wil ik naast elkaar hebben in het midden.. maar elke kolom moet een eigen container hebben.. zodat de hoogte van elke rij gewoon zo hoog als die wil kan zijn zonder dat kolom 2 en kolom 3 mee gaan of dat onder kolom 2 en 3 een wit vlak zit.

en als je eronder nog een footer wilt (vergeet dan de clear:both;) niet.
wel op een nieuwe div dus onder vak 3
<div id="clear"> </div>

#clear {
clear: both;
}

Groetjes, Nino

http://www.google.com/search?q=css+3+columns&spell=1
en dan eerste hit

Is het allemaal niet hierbij een voorbeeld:

VOORBEELD

Kolom 1, 3 en 4 moeten lossen containers zijn.. zodat de hoogste voor elke kolom geen probleem zijn en alles gewoon onder elkaar komt te staan zonder dat de andere kolomen uit het midden en rechts op zelf hoogte komen..

Origineel gepost door Danny Ester

Is het allemaal niet hierbij een voorbeeld:

VOORBEELD

Kolom 1, 3 en 4 moeten lossen containers zijn.. zodat de hoogste voor elke kolom geen probleem zijn en alles gewoon onder elkaar komt te staan zonder dat de andere kolomen uit het midden en rechts op zelf hoogte komen..

De afbeelding werkt helaas niet ...