Vises ikke ordenligt i Safari
Hej Eksperter.Er igang med at lave en hjemmeside, og vil gerne have at hjemmeside hele tiden skal tilpasse sig bunden på siden.
Ind til videre fungere det perfekt i alle browsere, bortset fra Safari (4.0.4) :(
I stedet for at det nederste af siden går til bunden, er det som om der bliver lavet en boks på ca 500px i bunden af siden. Dette sker dog kun i safari.
Til jer med safari, kan i se hvad jeg mener her: www.iversenbus.dk/test
Koderne ser således ud:
Index.html:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link href="main.css" rel="stylesheet" type="text/css"/>
<link href="css/index.css" rel="stylesheet" type="text/css" />
</head>
<body onresize="testbottom()">
<!--Min og Max på siden-->
<div id="minmax"></div>
<!--Min og Max på siden - SLUT-->
<!--Indhold-->
<div id="all" name="all" align="center">
<div id="alltop" name="alltop">
<img src="images/back-center.png" height="350" width="1000" alt="alltop"/>
</div>
<div id="allindhold">
</div>
<div id="indhold" name="indhold" align="center">
<img src="images/bjelke.png" height="234px" width="1000px" alt="indhold"/>
</div>
</div>
<!--Indhold -SLUT-->
<div id="allbund" name="allbund" align="center">
<div id="allbund2" name="allbund2"align="center">
<img src="images/vejside-venstre.png" width="481px" height="350px" alt="allbund2" /><img src="images/vejside-center.png" height="290px" width="72px" alt="allbund2" /><img src="images/vejside-hojre.png" width="426px" height="356px" alt="vejside"/>
</div>
</div>
</body>
</html>
Main.css:
BODY {
background-image:url(images/back-x.png);
background-repeat:repeat-x;
}
#minmax {
position:absolute;
left:0px;
right:0px;
top:0px;
bottom:0px;
width:1100px;
height:0px;
z-index:0;
}
#all {
position:absolute;
left:0px;
right:0px;
top:0px;
bottom:0px;
width:100%;
height:100%;
}
/*Opdeling af siden*/
#alltop {
position:relative;
left:0px;
right:0px;
width:1100px;
height:300px;
}
#allindhold {
position:relative;
left:0px;
right:0px;
width:1100px;
height:300px;
}
#allbund {
position:absolute;
bottom:156px;
left:0px;
right:0px;
width:100%;
height:200px;
}
#allbund2 {
width:1100px;
height:0px;
}
/*opdeling af siden - SLUT*/
#indhold {
position:relative;
left:16px;
top:-520px;
width:1100px;
height:300px;
z-index:2;
}
Kan nogle af jer se hvad jeg gør galt?
