div 100% hoogte

Crude Oil op 03/12/2011 19:21:03

Nu wil ik dat alle 3 divs binnen die ene div dezelfde hoogte hebben (dus 100%), is dat mogelijk?

Dezelfde hoogte hoeft niet per definitie 100% te zijn. Maar als je alle op 100% wilt, dan kun je dat toch opnemen in css??

ik bedoel 100% van de div waar ze in zitten

height:100% werkt niet

Wellicht is mijn vraag niet helemaal duidelijk:
Ik heb een div met onbekende hoogte, met daar in 3 divs, waarvan de hoogte afhankelijk is als de inhoud. Nu krijg ik zoiets: (elke kleur blok stelt een div voor)

maar ik wil zoiets

Ik denk dat dit een javascript-oplossing nodig heeft.
Laat javascript kijken wat de hoogte van de 3 div's zijn, kijk wat de grootste is, en zet met javascript de hoogte van alle drie de div's op die grootste hoogte.

Ik weet dat het kan, zelf alleen geen idee hoe. Ik denk dat dit wel te googlen moet zijn

met javascript opgelost

div=document.getElementById("img");
document.getElementById("prev").style.height= div.offsetHeight + 'px';
document.getElementById("next").style.height= div.offsetHeight + 'px';

Ervanuitgaande dat de div met id img altijd de grootste is?

dat is in dit geval wel altijd zo

Voor mensen die niet van te voren weten welke div de grootste div is:

<script type="text/javascript">
onload=function() {
var h1 = document.getElementById("d1").offsetHeight;
var h2 = document.getElementById("d2").offsetHeight;
var h3 = document.getElementById("d3").offsetHeight;
max_h = h1;
if(h2 > max_h) { max_h = h2 };
if(h3 > max_h) { max_h = h3 };

document.getElementById("d1").style.height= max_h + 'px';
document.getElementById("d2").style.height= max_h + 'px';
document.getElementById("d3").style.height= max_h + 'px';

}
</script>