Hello, jeg har også prøvet at lave din kode, men der var nogen inlines som jeg lavede om.
Det ID jeg har kaldt "navigation" har en setting der hedder "overflow" som er sat til auto, den kan også sættes til "hidden", eller "visible", du kan selv prøve det..
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
body {
background-color:#ff0000;
margin-top: 20px;
margin-right: 40px;
margin-bottom: 10px;
margin-left: 40px;
}
a:link, a:visited {
color:#3300CC;
text-decoration: none;
font-weight: bold;
}
a:hover {
color: #3320CC;
}
#wholebox {
width:800px;
height:600px;
background-color:#000066;
}
#header {
border:thin dashed;
width:100%;
height:20px;
text-align:center
}
#navigation {
height: 200px;
width: 100px;
overflow: auto;
float: left;
margin-right: 10px;
}
#header-text {
color:#FFFFFF;
font-size:16px;
letter-spacing:0.5cm;
}
#brodtekst {
height: 500px;
width: 690px;
float: left;
}
#content{
width: 800px;
height: 500px;
}
</style>
</head>
<body>
<div id="wholebox">
<div id="header"><span id="header-text"><a href="#">Index</a> - <a href="#">Media</a></span></div>
<div id="content">
<div id="navigation">HomesaSASASASASASA</div>
<div id="brodtekst"> a a a a a a a a a a a a a aaaaaaaaaaaaaaaaa aaaaaaa a a aaaaaaaaaaaaaaaaaaaaaaaaa <br />
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaasdaaaaaaaaaaaaa a a a a a a a a a a a a a a a a a a a a a aaaaaaaaaaaaaaaaa aaaaaaa a a aaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaasdaaaaaaaaaaaaa a a a a a a a a a a a a a a a a a a a a a aaaaaaaaaaaaaaaaa aaaaaaa a a aaaaaaaaaaaaaaaaaaaaaaaaaa a a a a a a a a a a a a a a aaaaaaaaaaaaaaaaa aaaaaaa a a aaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaasdaaaaaaaaaaaaa a a a a a a a a a a a a a a a a a a a a a aaaaaaaaaaaaaaaaa aaaaaaa a a aaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaasdaaaaaaaaaaaaa a a a a a a a a a a a a a a a a a a a a a aaaaaaaaaaaaaaaaa aaaaaaa a a aaaaaaaaaaaaaaaaaaaaaaaaaa a a a a a a a a a a a a a a aaaaaaaaaaaaaaaaa aaaaaaa a a aaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaasdaaaaaaaaaaaaa a a a a a a a a a a a a a a a a a a a a a aaaaaaaaaaaaaaaaa aaaaaaa a a aaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaasdaaaaaaaaaaaaa a a a a a a a a a a a a a a a a a a a a a aaaaaaaaaaaaaaaaa aaaaaaa a a aaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaasdaaaaaaaaaaaaa a a a a a a a a a a a a a a a a a a a a a aaaaaaaaaaaaaaaaa aaaaaaa a a aaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaasdaaaaaaaaaaaaa a a a </div>
</div>
<div style="width:800px; height:20px; background-color:#333333; text-align:center">CONTENT_BUND</div>
</div>
</body>
</html>