"moeder"div wordt niet groter als kind "div" groter wordt a.g.v. includen php
Graag een oplossing.
Ik heb een PHP script/pagina ge-include in een div die weer onderdeel is van een andere div.
De div waar de php include is wordt wel automatische groter, maar de moeder div dus niet.
Ik heb de height op auto gezet, maar toch.
Wie kent een oplossing?
Alvast bedankt.
Shyaak
in de moederdiv
Code (php)
1
2
3
4
5
2
3
4
5
<div id="parent">
<div class="child"></div>
<div class="child"></div>
<div class="clear"></div>
</div>
<div class="child"></div>
<div class="child"></div>
<div class="clear"></div>
</div>
Code (php)
1
2
2
CSS
.clear { clear: both; }
.clear { clear: both; }
Of gewoon dit:
Code (php)
1
2
3
4
5
6
2
3
4
5
6
#parent:before /* De officiele syntax is ::, maar dan doet IE moeilijk
{
content: '';
display: block;
clear: both;
}
{
content: '';
display: block;
clear: both;
}
parent div gewoon een overflow: hidden; mee geven, helaas kan dit niet als je dingen buiten je div wil positioneren. Dan kun je gebruik maken van
Code (php)
1
2
3
4
5
6
7
2
3
4
5
6
7
#parent:after {
content: ".";
display: block;
clear: both;
height: 0;
overflow: hidden;
}
content: ".";
display: block;
clear: both;
height: 0;
overflow: hidden;
}
Gewijzigd op 23/11/2011 09:50:34 door Joakim Broden