Ik heb een op voorhand onbekend aantal div's van 300px.
Deze staan naast elkaar zolang er plaats is en gaan dan door naar een volgende lijn.
<.speeldag{
display:inline-table;
width:300px;
border-style: solid;
border-color: red;
text-align:center;
}hierin een DIV container partijen met hierin een ander aantal div's
<.speeldag .partijen .game{
border-style: solid;
border-width: 1px;
border-color: blue;
text-align:left;
}Hoe kan ik nu zorgen dat De hoofddiv(speeldag) altijd even hoog is?
Jan
<div class="speeldag" id="dat37">
<div id="datum37" class="datum" >
19/05/2015<br>Uitgestelde partijen
</div>
<div class="partijen" >
<div class="game" id="g_15_2_6">Bernard - Julien </div>
</div>
<div class="bye">
Bye:<div>Julien </div>
<div>Jacques </div>
<div>Freddy </div>
<div>Marc </div>
<div>Frank</div>
<div>Yvonne </div>
<div>Jan </div>
<div>Frank </div>
<div>Gilbert </div>
</div>
</div>Ik doe het nu met js maar ik denk dat ook css moet lukken en zelfs beter.
function samedivheight(classname){
var divs = document.getElementsByClassName(classname);
var n=0;
for (var i=0;i<divs.length;i++){
var d=divs[i];
if (n<d.offsetHeight) {n=d.offsetHeight;}
}
for (var i=0;i<divs.length;i++){
var d=divs[i];
d.style.height = n + 'px';
}
}
