Op het moment ben ik bezig met een stukje CSS met verschillende divs, het probleem wat ik nu tegen kom is het volgende: ik heb één div met daarin 2 andere divs. Het probleem is dat de background in de 'main' div wegvalt in Internet Explorer 6.
Hier even een plaatje om het wat te verduidelijken:
CSS probleem
De relevante code:
<div id="container">
<div class="top">
</div>
<div class="content">
<div class="content-left">
<ul>
<li><a href="#">Wedstrijd vergoeding aanvragen</a></li>
<li><a href="#">Wedstrijd vergoeding toevoegen</a></li>
</ul>
</div>
<div class="content-right">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce magna. Integer massa urna, consequat vel, egestas a, tincidunt ac, lacus. Maecenas lectus. Suspendisse imperdiet sem eu magna. Duis suscipit. Donec at nisl. Aenean ultrices, justo ullamcorper aliquet volutpat, mi magna vestibulum quam, quis porttitor libero velit id turpis. Quisque vestibulum orci eget risus. Fusce faucibus. Nulla in lacus. Morbi vel sem et eros auctor tempus. Cras id erat. Vivamus sapien. Nullam tempus, ligula ac euismod bibendum, augue lectus gravida erat, at vulputate risus erat eget lacus. Pellentesque tristique augue non risus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec justo mauris, sagittis et, sagittis nec, pellentesque a, odio. Donec dictum pede id libero.
Etiam ac arcu. Donec viverra risus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla et massa. Fusce sollicitudin pellentesque odio. Aliquam in urna. Pellentesque at enim ut nisl porttitor tincidunt. Nullam sodales sem id purus. Curabitur ante eros, vestibulum eu, commodo id, fringilla vel, eros. Cras et orci eu lorem aliquet sagittis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nulla facilisi.
</div>
</div>
<div class="bottom">Copyrights...</div>
</div>De CSS code:
#container .content {
background-color:#FFFFFF;
height:auto;
padding:0px 10px 0px 10px;
overflow:auto;
}
#container .content-left {
float:left;
width:200px;
height:auto;
}
#container .content-right {
float:right;
width:560px;
height:auto;
}
Alvast bedankt!
Jeroen