webForumDet fria alternativet

skillnad IE imot FF

6 svar · 788 visningar · startad av axionman

axionmanMedlem sedan feb. 2007106 inlägg
#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;
}
tantenMedlem sedan nov. 20051 596 inlägg
#2

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.

axionmanMedlem sedan feb. 2007106 inlägg
#3

okok jag förstår inte riktigt. man ser ju min tanke då i IE. Ingen som kan hjälpa mig med detta? Så att de blir så i FF också

tantenMedlem sedan nov. 20051 596 inlägg
#4

Vad jag försökte säga var att jag inte tror det går att få FF, IE7 och de andra webläsarna att bära sig lika tokigt åt som IE6.
Du har satt en marginal på 150px och det visar alla andra medan IE förmodligen visar ungefär 300px. IE gör altså fel.
Om du då t.ex sätter 300px på marginalen så kommer förmodligen IE att ge 600px marginal och skjuta ner din meny under sig men mellanrummet i de andra webläsarna kommer bli som du vill.
Jag vet inte om det finns någon IE-fix som gör att IE visar rätt i just detta fall.
Men det finns fler problem med den uppbyggnad du gjort.
Om du ändrar upplösningen, minskar fönstret, så kommer IE6 att skjuta ner din meny och FF kommer lägga sig över den.
Och du kommer dessutom få svårt att lägga in något mer till höger om scrollboxen.

Så om jag vore dig skulle jag ha börjat om.
Det finns flera olika sätt att få sidan att se likadan ut som den gör nu, bl.a på det sätt jag föreslog i mitt förra inlägg med att placera allt med position, eller flytta menyn och använda float:left på både menyn och scrollboxen.

kaxigtMedlem sedan okt. 2004636 inlägg
#5

Du kan använda conditional comment för IE6 och sedan styra stilmallen mot de övriga webbläsarna.

axionmanMedlem sedan feb. 2007106 inlägg
#6

tack för alla svar. tror jag löst de nu. flyttade runder lite på allt så fungerade de fint..

kaxigtMedlem sedan okt. 2004636 inlägg
#7

Kanon (y)

134 ms totalt · 3 externa anrop · v20260731065814-full.30151723
0 ms — hämta forumlista (cache)
0 ms — hämta statistik (cache)
132 ms — hämta tråd, inlägg och bilagor (db)