I IE kan man säga att det blir fel även om du tycker det blir rätt med boxbredden där. Skulle råda dig att göra om sidan så det först ser bra ut i FF och de andra webläsarna och sedan fixar problemen som man nästan alltid får i IE6.
Det är float: right; margin-right:150px; på din scrollbox och det visar de webläsare som följer standard, men inte IE6. Lite svårt att se vad IE har för marginal... men jag gissar att det är betydligt bredare till högerkanten där än 150px...:-) Eller?
Enklast skulle vara att flytta upp menyn i html och ha float left på både den och scrollboxen och en marginal mellan dem, men jag antar att du inte vill det. Så alternativet är att använda position på något sätt.
Frågan#1
Hej! Kolla på detta...
Det blir galet i FF men i IE är det helt rätt. Boxen är för långt till höger i FF.
Någon som vet varför?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Down South Blues</title>
<link href="mall.css" rel="stylesheet" type="text/css" />
</head>
<h1>Down South Blues</h1>
<div id="bildram">
<img src="erik.jpg" alt="erik" width="120" height="120" />
<img src="bennit.jpg" alt="bennit" width="120" height="120" />
<img src="burgaren.jpg" alt="burgaren" width="120" height="120" />
<img src="micke.jpg" alt="ali" width="120" height="120" />
</div>
<div id="rambakgrund">
<div class="scrollbox">
<p>Hi this is the webpage of Down South Blues.
We are a band from Sweden and been playing blues
together since year 2005.
We all come from the same town and been friends
since we were kidz.dfgdfgdfgdsfgdfg
dfgdfgdfgdfgdfg
dfgdfgdfgdfgdfgdf
gdfgdfgdfgdfgdfgdfg
dfgdfgdfgdfgdfgdfgdfg
dfgdfgdfgdfgdfgdfgdfg
dfgdfgdfgdfgdfgdfgdfgdf
gdfgdfgdfgdfgdfgdfgdfgdfgdfg
dfgdfgdfgdfgdfgdfgdfgdfgdfg
dfgdfgdfgdfgdf
dfgdfgd
fgdfgdfgdfg
dfgsdfsdfsdf
sdfsdfsdfsdfsdfs
sdfsdfsdfsdfsdfsdfsdfsd
dsfsdfsdfsdfsdfsdfsdf
sdfsdfsdfsdfsd
fsdf
sdfsdfsdfsdf
sdfsdfsd
fsdfsdf
ssdfsdfs
sdfsdfsdfsdf
sdfsdfsdfsdfsdf
sdfsdfsdfsdfsdf
sdfsdfsdfsdfsd
sdf
</p>
</div>
<div id="menyram">
<div id="lista">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Biography</a></li>
<li><a href="#">Gigs</a></li>
<li><a href="#">Music</a></li>
<li><a href="#">Press</a></li>
<li><a href="#">Gallery</a></li>
<li><a href="#">Gear</a></li>
<li><a href="#">Guestbook</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
</div>
</div>
</body>
</html>
body {scrollbar-base-color: black; scrollbar-track-color: #808000;
font-family: Verdana; font-size: 11px; background-color: black;}
td {font-family: Verdana; font-size: 11px;}
li {font-family: Harlow Solid Italic; font-size: 20px; list-style:none; margin-top:28px;
font-color:white}
p {color:white; font-family:Verdana; font-size:12px; line-height:20px;}
h1 {font-family:Harlow Solid Italic ; font-size: 45px;
text-align:center; margin-bottom: 5px; color:white;}
a:link{color: white; text-decoration: underline;}
a:visited{color: white; text-decoration: underline;}
a:hover{color: #DCDCDC;}
a:active{text-decoration: underline;}
#rambakgrund {
width:80%;
background-color:#808000;
height: 400px;
margin-top:10px;
margin-left:80px;
border:1px solid;
}
#lista {
line-height: 12px;
}
#menyram {
width:150px;
height:400px;
border:1px solid;
border-color:black;
background-color:black;
margin-left:10px;
}
#bildram {
margin-left:80px;
}
.scrollbox {height: 382px; width: 210px;
border: none; overflow: auto; background-color: black;
float:right;
margin-right:150px;
padding:10px;
}
