SOm ni kan se på de bifogade bilderna så får jag en scrollbar i ie 7.0 när jag använder följande css:
html, body {
margin: 0 auto;
height: 100%;
background-color: #333;
font: 11px, Arial,Helvetica,sans-serif;
}
#Content {
border-right: 1px solid #FFFCF9;
border-left: 1px solid #FFFCF9;
margin-left: auto;
margin-right: auto;
background-image: url(/grjj/site/_img/bg.gif);
min-height: 100%;
width: 781px;
overflow: auto;
}
#Topbanner {
height: 100px;
background-image: url(/grjj/site/_img/nya_loggan.gif);
}
#Menu {
height: 22px;
background-color: #000;
border-top: 1px solid #FFFCF9;
border-bottom: 1px solid #FFFCF9;
}
#Menu a {
color: #fff;
}
#Menu a:hover {
text-decoration: underline;
}
#Leftcolumn
{
margin-top: 10px;
float: left;
width: 160px;
color: #fff;
padding: 2px;
}
#Contentcolumn {
margin-top: 5px;
float: left;
padding: 2px;
}
#Contentcolumn a {
color: #fff;
}
#Contentcolumn table.forumstart {
width: 500px;
margin-top: 4px;
border-collapse: collapse;
border-spacing: 0;
}
.author {
border-right: solid 3px #FCC40B;
width: 100px;
background-color: #ED9F0B;
}
.thread {
background-color: #FBCC38;
}
.messagetop {
background-color: #000;
color: #fff;
}
tr.forum {
background-color: #000;
font-size: 13px;
font-weight: bold;
color: #fff;
}
tr.forum a {
color: #fff;
text-decoration: none;
}
Vet att det är overflow: auto; som gör detta i IE, men följde ett ex här på wF för jag vill få min div med id #Content att gå 100% av sidan.
<div id="Content">
<div id="Topbanner"></div>
<div id="Menu"></div>
<div id="Leftcolumn"></div>
<div id="Contentcolumn"></div>
</div>
Visst det gör den så länge som innehållet i div #Contentcolumn eller #Leftcolumn inte tar mer än 100% av sidan (webläsarfönstret) ...
Så fort den gör det, så följer inte #Content med, eftersom dess bakgrundsfärg försvinner efter "100%" av läsarfönstret.
Var missar jag? Och Vad missar jag?

