Okej, jag har nu lyckats lösa problemet. Men istället har jag nu problem med att jag inte får #container'n att vara 100% oavsett scroll eller inte. Den är bara 100% av webbläsarfönstret, men om texten fortsätter över dem 100% så att jag får en scrollbar så fortsätter bara #container'n dit scrollen börjar. Hoppas ni förstår.
Här är CSS'en:
Kod:
html, body {height: 100%; margin:0; padding:0;}
body {background-color: #bebebe;}
#container {
height:100%;
min-height:100%;
width:775px;
background-color: #cc0033;
}
#header {
position: absolute;
top: 0;
left: 0;
width: 775px;
height: 85px;
background-color: #FFFFFF;
z-index: 1;
}
#logo {position: relative; float:left;}
#lang {position: relative; float:right; top:5px; right:5px; font-family:Verdana; font-size:11px;}
#bb {position: relative; float:right; top:50px; right:5px; background-color:#c50047; width:570px; height:16px; line-height: 14px; text-align:right; font-family:Verdana; font-size: 10px; color:#ffffff;}
#menu {
position: absolute;
top: 85px;
left: 0;
width: 198px;
background-color: #FFFFFF;
z-index: 1;
}
#content {
position: absolute;
top: 85px;
left: 200px;
width: 570px;
background-color: #ffffff;
font-family:Verdana;
font-size:12px;
z-index: 1;
border-left:1px solid #c50047;
text-indent:5px;
min-height:250px;
}