Siehe hier, das ganze mit floats:
Scrollt nach wie vor nicht, sondern bricht um.
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/2000/REC-xhtml1-20000126/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css" media="screen">
body {
background-color: #e1ddd9;
font-size: 12px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#564b47;
padding:0px;
margin:0px;
}
#links {
width: 400px;
background-color: #cccccc;
border:solid 1px #000000;
float: left;
}
#mittelinks {
width: 400px;
background-color: #cccccc;
border:solid 1px #000000;
float: left;
}
#mitterechts {
width: 400px;
background-color: #cccccc;
border:solid 1px #000000;
float: left;
}
#rechts {
width: 400px;
background-color: #cccccc;
border:solid 1px #000000;
float: left;
}
#links, #mittelinks, #mitterechts, #rechts {
margin-left: 20px;
}
#container {
border:solid 1px #000000;
overflow: auto;
height: 300px;
background-color:#FFFFFF;
width: 90%;
}
</style>
</head>
<body>
<div id="container">
<div id="links">
Beispiel 1
</div>
<div id="mittelinks">
Beispiel 2
</div>
<div id="mitterechts">
Beispiel 3
</div>
<div id="rechts">
Beispiel 4
</div>
<div style="clear:left;"></div>
</div>
</body>
</html>