div-tag og IE
Hej.Jeg har følgende stylesheet
#header {
position : fixed;
top : 20;
bottom : 80%;
left : 10%;
right : 10%;
background : gray;
margin-bottom : 2px;
color : yellow;
}
#sidebar {
position : fixed;
top : 20%;
bottom : 0;
left : 10%;
right : 70%;
background : silver;
margin-right : 2px;
color : maroon;
}
#sidebar2 {
position : fixed;
top : 20%;
bottom : 0;
left : 75%;
right : 10%;
background : red;
margin-right : 2px;
color : maroon;
}
#main {
position : absolute;
top :20%;
bottom : 0;
left : 30%;
right : 25%;
overflow : auto;
background : white;
color : black;
overflow : scroll;
}
og dette dokument:
<html>
<head>
<link rel="stylesheet" href="mitstylesheet.css" type="text/css">
</head>
<body>
<div id="header">
<h1>Dette er en header</h1>
</div>
<div id="sidebar">
<b>Dette er en sidebar</b>
</div>
<div id="main">
blah blah
</div>
<div id="sidebar2">
google ads google ads
</div>
</body>
</html>
Det ser helt fornuftigt ud i Firefox/Opera, men helt galt ud i IE. Se det evt. her:
http://img142.imageshack.us/my.php?image=firefoxxr5.gif
Men ser forfærdeligt ud i IE. Se det evt. her:
http://img224.imageshack.us/my.php?image=iedi5.gif
Er der nogen, der har en løsning på det?
P.S. Er på ferie, så det er ikke af utaknemlighed, at jeg er lidt lang tid om at svare. -Så kan I jo gruble over det, mens jeg nyder ferien ;o)
