Nieuw lid |
|
Hallo,
ik zit hier met een probleempje dat ik niet opgelost krijg.
Mijn probleem is het volgende:
Ik heb volgende html:
<div id="content">
<div id="eurekaInfo">
</div>
<div id="eurekaServices">
</div>
</div>
<div id="eurekaServices">
En volgende css:
#content {
width: 931px;
background-color: #FFFFFF;
background-image: url(images/content_bg.jpg);
background-repeat: repeat-x;
margin-left: 9px;
margin-top: 1px;
min-height: 300px;
height: auto !important;
height: 300px;
}
#eurekaInfo {
float: left;
position: absolute;
top: 430px;
margin-left: 25px;
width: 550px;
}
#eurekaServices {
float: right;
position: absolute;
top: 430px;
margin-left: 600px;
}
#content { width: 931px; background-color: #FFFFFF; background-image: url(images/content_bg.jpg); background-repeat: repeat-x; margin-left: 9px; margin-top: 1px; min-height: 300px; height: auto !important; height: 300px; } #eurekaInfo { float: left; position: absolute; top: 430px; margin-left: 25px; width: 550px; } #eurekaServices { float: right; position: absolute; top: 430px; margin-left: 600px; }
De bedoeling is dus dat mijn content div zich automatisch aanpast van hoogte naargelang de content die erin staat.
Dit werkt zolang ik niet werk met die eurekaInfo en eurekaServices kolommen.
Dus als er direct na de content div tekst komt dan werkt het. Maar tekst in div's onder de content div dat werkt blijkbaar niet.
Iemand die mij hierbij kan helpen?
Thnx!
|