Mitt problem består i att height:en inte blir 100% på min
<div id="content">
att öka <div id="info"> är inget alternativ då det kommer att ligga fler div:ar somsk ha samma bakgrundsfärg i detta fält.
Som det är nu så blir heighten på <div id="content"> exakt lika högt som fönstret, börjar man scrolla så försvinner bakgrundsfärgen. Konstigt men så fungerar det oavsett skärmupplösning.
Någon som som kan hjälpa mig och gärnaq förklara.
// B3rra
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<title></title>
<style type="text/css">
<!--
a:link{text-decoration:none;font-size:8pt;color:#000000;font-family:Verdana, sans-serif}
a:visited {text-decoration:none;font-size:8pt;color:#000000;font-family:Verdana, sans-serif}
a:hover {text-decoration:none;font-size:8pt;color:#b7cfd7;font-family:Verdana, sans-serif}
a:active{text-decoration:none;font-size:8pt;color:#b7cfd7;font-family:Verdana, sans-serif}
li {text-decoration:none;font-size:8pt;color:#666666;font-family:Verdana, sans-serif}
body {text-decoration:none;font-size:8pt;color:#000000;font-family:Verdana, sans-serif}
body {background-color:#e0e0e0}
hr {color:#000000;border-style:dotted;height:1pt;width:250px}
#menyrad {
position:absolute;
top:0px;
left:25px;
width:175px;
height: 100%;
background-color: #dde9ec;
border: #b7cfd7;
border-style: solid;
border-right-width: 1px;
border-top-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
z-index:0;
}
#meny
{
position:absolute;
top:140px;
left:0px;
padding: 10px;
}
/*Innehåll*/
#content {
position:absolute;
top:0px;
left:200px;
background-color: #ffffff;
width: 550px;
height: 100%;
color: #666666;
z-index:0;
}
#info {
position:absolute;
top:195px;
left:5px;
padding: 10px;
width: 340px;
}
-->
</style>
</head>
<body>
<div id="left_tbl"></div>
<div id="meny">
M E N Y
<br><br>
<a href="index.php?id=startsida">» Startsida</a><br>
<br>
<a href="index.php?id=allmant">» Allmänt</a><br>
<a href="index.php?id=bilder">» Bilder</a><br>
<a href="index.php?id=lankar">» Länkar</a><br>
<a href="index.php?id=kontakt">» Kontakt</a><br>
<br>
</div>
<div id="content">
<div id="info">
Innehåll
<br><br>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean tristique tortor nec neque. Nullam risus turpis, bibendum vitae, dapibus id, tempor et, orci. Etiam sed nunc eu lacus semper interdum. Aenean sollicitudin nunc vel purus pharetra ultrices. Donec molestie ipsum at libero. Praesent euismod pharetra risus. Donec condimentum quam ut quam posuere rutrum. Aliquam erat volutpat. Mauris venenatis massa id lectus. Mauris scelerisque, mi at condimentum eleifend, arcu est iaculis lectus, id porta ipsum turpis at erat. Morbi ac nunc ac erat dapibus mollis. Integer ipsum. Vestibulum egestas, libero eu egestas rutrum, diam ligula commodo purus, eu tincidunt quam eros et tellus. In hac habitasse platea dictumst.
<br><br>
Donec diam leo, tristique ac, sodales eu, tristique varius, est. Duis egestas dui non ipsum facilisis commodo. Aliquam erat volutpat. Nullam pede neque, lacinia eu, tincidunt a, mollis malesuada, augue. Quisque ac ligula ut velit porttitor rhoncus. Praesent accumsan sagittis elit. Sed in arcu. Aenean vitae neque sit amet felis dapibus tincidunt. Quisque sodales, neque sed nonummy eleifend, leo est sagittis turpis, ac hendrerit pede mauris at dolor. Donec ut nisl eget dui interdum condimentum. Nam massa quam, porttitor eget, feugiat vel, ullamcorper ac, nibh. Pellentesque elit. Pellentesque consectetuer quam ut orci.
<br><br>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean tristique tortor nec neque. Nullam risus turpis, bibendum vitae, dapibus id, tempor et, orci. Etiam sed nunc eu lacus semper interdum. Aenean sollicitudin nunc vel purus pharetra ultrices. Donec molestie ipsum at libero. Praesent euismod pharetra risus. Donec condimentum quam ut quam posuere rutrum. Aliquam erat volutpat. Mauris venenatis massa id lectus. Mauris scelerisque, mi at condimentum eleifend, arcu est iaculis lectus, id porta ipsum turpis at erat. Morbi ac nunc ac erat dapibus mollis. Integer ipsum. Vestibulum egestas, libero eu egestas rutrum, diam ligula commodo purus, eu tincidunt quam eros et tellus. In hac habitasse platea dictumst.
<br><br>
Donec diam leo, tristique ac, sodales eu, tristique varius, est. Duis egestas dui non ipsum facilisis commodo. Aliquam erat volutpat. Nullam pede neque, lacinia eu, tincidunt a, mollis malesuada, augue. Quisque ac ligula ut velit porttitor rhoncus. Praesent accumsan sagittis elit. Sed in arcu. Aenean vitae neque sit amet felis dapibus tincidunt. Quisque sodales, neque sed nonummy eleifend, leo est sagittis turpis, ac hendrerit pede mauris at dolor. Donec ut nisl eget dui interdum condimentum. Nam massa quam, porttitor eget, feugiat vel, ullamcorper ac, nibh. Pellentesque elit. Pellentesque consectetuer quam ut orci.
<br><br>
</div>
</div>
</body>
</html>