al geruime tijd experimenteer ik met divjes, ipv tabellen voor de opmaak, maar ik stuit tegen een probleem! Ik maak met 2 divs, 2 kolommen.
Maar wanneer de content in de linkse kolom, langer is dan in de rechtse, volgt de achtergrond kleur niet.
Maar omgekeerd natuurlijk wel.
Waarschijnlijk mis ik iets kleins, maar ik vind het niet...
Voorbeeld (Klik)
Broncode
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">;
<html xmlns="http://www.w3.org/1999/xhtml">;
<head>
<title>Test</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
<!--
body {
background-color: #CCCCCC;
}
#wrap {
width: 800px;
margin: 0px auto 0px auto;
background-color: #FFFFFF;
}
#links {
float: left;
width: 200px;
}
#rechts {
margin-left: 220px;
}
-->
</style>
</head>
<body>
<div id="wrap">
<div id="links">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas in augue in turpis laoreet porta. Curabitur aliquet sem id dolor. Donec id quam ut mi suscipit tristique. Donec sapien nisl, vehicula sit amet, sodales at, gravida in, lectus. Mauris sem. Ut in libero. Proin condimentum, pede vitae laoreet malesuada, magna arcu posuere eros, eu tempus neque mauris vel massa. Praesent commodo ante non turpis rhoncus luctus. Nullam interdum sapien eget nulla. Cras sollicitudin. Proin dui. Donec rutrum, lorem ut iaculis vulputate, nulla mauris vestibulum diam, at ornare enim massa eleifend erat. Sed pharetra, odio et interdum venenatis, metus est feugiat mauris, vitae lobortis est ipsum sit amet nisl. Curabitur tortor. Cras sed tortor. Aenean dictum eleifend lorem. Fusce lobortis, leo ut viverra vestibulum, turpis pede dictum tellus, eu tempor erat quam non mi. Fusce ac justo porta pede mollis mattis. Quisque commodo purus sit amet ipsum.
</div>
<div id="rechts">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas in augue in turpis laoreet porta. Curabitur aliquet sem id dolor. Donec id quam ut mi suscipit tristique. Donec sapien nisl, vehicula sit amet, sodales at, gravida in, lectus. Mauris sem. Ut in libero. Proin condimentum, pede vitae laoreet malesuada, magna arcu posuere eros, eu tempus neque mauris vel massa. Praesent commodo ante non turpis rhoncus luctus. Nullam interdum sapien eget nulla. Cras sollicitudin. Proin dui. Donec rutrum, lorem ut iaculis vulputate, nulla mauris vestibulum diam, at ornare enim massa eleifend erat. Sed pharetra, odio et interdum venenatis, metus est feugiat mauris, vitae lobortis est ipsum sit amet nisl. Curabitur tortor. Cras sed tortor. Aenean dictum eleifend lorem. Fusce lobortis, leo ut viverra vestibulum, turpis pede dictum tellus, eu tempor erat quam non mi. Fusce ac justo porta pede mollis mattis. Quisque commodo purus sit amet ipsum.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas in augue in turpis laoreet porta. Curabitur aliquet sem id dolor. Donec id quam ut mi suscipit tristique. Donec sapien nisl, vehicula sit amet, sodales at, gravida in, lectus. Mauris sem. Ut in libero. Proin condimentum, pede vitae laoreet malesuada, magna arcu posuere eros, eu tempus neque mauris vel massa. Praesent commodo ante non turpis rhoncus luctus. Nullam interdum sapien eget nulla. Cras sollicitudin. Proin dui. Donec rutrum, lorem ut iaculis vulputate, nulla mauris vestibulum diam, at ornare enim massa eleifend erat. Sed pharetra, odio et interdum venenatis, metus est feugiat mauris, vitae lobortis est ipsum sit amet nisl. Curabitur tortor. Cras sed tortor. Aenean dictum eleifend lorem. Fusce lobortis, leo ut viverra vestibulum, turpis pede dictum tellus, eu tempor erat quam non mi. Fusce ac justo porta pede mollis mattis. Quisque commodo purus sit amet ipsum.
</div>
</div>
</body>
</html>
Thanks :)
