Hejsa guys!
Jeg er virkelig løbet ind i et problem hvor firefox & ie ikke vil tolke pixels rigtigt. Og denne gang er det firefox der ikke vil gøre det ordentligt
!
Her er et link:
http://simon.simfre.dk/demo/I firefox har jeg med Webdeveloper toolbar fundet ud af at (ifølge firefox) min midterste div "menu" er ALT for bred - men den er sat til de 197 px som top & bottom også er!
Her er det så jeg tjekker i IE - her ser det squ ud som det skal?! Hvad filan skal jeg gøre..?
Grunden er at jeg har en padding-right som jeg før troede var problemet - så fandt jeg ud af at firefox tolker det som om diven er næsten dobbelt så bred, så jeg slet ikke kunne se at paddingen havde nogen effekt på mit indhold.
Håber der er nogle af jer guys der kan hjælpe mig.
CSS'en:
#menu {
width: 197px;
padding: 10px 20px 10px 20px;
margin: 0px;
background-image: url("mid.jpg");
background-repeat:repeat-y;
}
#top {
width: 197px;
height: 44px;
background-image: url("top.jpg");
}
#bottom {
width: 197px;
height: 31px;
background-image: url("bottom.jpg");
}HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Klatreklub</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div id="top"></div>
<div id="menu">
Hej<br>
Goddag<br>
Hej<br>
med dig din goddag !! det er helt okay at blablaba..<br>
gamle stodder!<br>
</div>
<div id="bottom"></div>
</body>
</html>
//GiMo
Her er lige et billede af hvordan webdeveleper toolbar viser det i firefox:
http://testmax.dk/External/File/716/div-JPG.aspx