Jah som overskiften siger så kan jeg ikke få min iframe til 100% i internet explore .. men i Firefox der virker den fint.. det som iframen gør i internet explore det er at den går ud over designet.. helt nede i bunden.. som sagt gør den det ikke i Firefox
min 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=iso-8859-1" />
<title>Ungnews.eu | De nyeste nyheder for unge</title>
<link href="css/css.css" rel="stylesheet" type="text/css" media="screen" />
<script language="JavaScript">
<!--
function maxstorelse_iframe()
{
var height=window.innerWidth;
if (document.body.clientHeight)
{
height=document.body.clientHeight;
}
document.getElementById("stor").style.height=parseInt(height-
document.getElementById("stor").offsetTop-8)+"px";
}
window.onresize=maxstorelse_iframe;
//-->
</script>
</head>
<body>
<div class="ramme">
<div id="top"></div>
<div class="contenleft">
<div class="venstremenu">
<div id="menuimage">Generelt</div>
Forside<br />
Forum<br />
Spil / Film<br />
Anmeldser<br />
IT
</div><br />
<br />
<div class="venstremenu">
<div id="menuimage">News Kategorier</div>
Musik / Film<br />
I Byen<br />
IT / Teknologi<br />
Sport<br />
Sundhed<br />
Andet<br />
</div>
</div>
<div id="middle">
<iframe id="stor" src="http://www.ungnews.eu" name="iframe" frameborder="1" width="545" onload="maxstorelse_iframe()"> </iframe>
</div>
<div class="contenright">
<div class="højremenu">
<div id="menuimage">Login</div>
LOGIN HER!!!!
</div>
</div><br />
<br /><br />
<br />
<div class="contenright">
<div id="menuimage">Annonce</div>
ANNONCE
</div>
</div>
</div>
</body>
</html>
min css.css
/* CopyRight 07/08 Ungnews.eu - Designed by Simon Jensen And Jacob Veile */
html, body {
margin:0px;
padding:0px;
height:100%;
display: block;
}
body {
background-image:url('../images/background.jpg');
font-family:Verdana;
font-size:11px;
}
.ramme {
margin-right:auto;
margin-top:0px;
margin-left:auto;
margin-bottom:0px;
width:800px;
background-color:#FFF;
height:100%;
display: block;
border-right-width: 1px;
border-left-width: 1px;
border-right-style: solid;
border-left-style: solid;
border-right-color: #5d5d5d;
border-left-color: #5d5d5d;
}
#top {
width:543px;
height:160px;
margin-right: auto;
margin-left: auto;
background-image: url(../images/ungnews_lyn.PNG);
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-right-color: #23627f;
border-bottom-color: #23627f;
border-left-color: #23627f;
}
.contenleft {
width:96px;
height:auto;
float:left;
margin-left:5px;
}
.contenright {
width:96px;
height:auto;
margin-right:5px;
padding:0;
float:right;
border:1px solid #23627f;
}
.venstremenu {
font-family:Tahoma;
font-size:11px;
color:#000;
border:1px solid #23627f;
width: 96px;
}
.højremenu {
font-family:Tahoma;
font-size:11px;
color:#000;
width: 96px;
}
#menuimage {
background-image:url('../images/menu_image.jpg');
background-repeat:no-repeat;
font-family:Impact;
font-size:13px;
color:#FFF;
text-decoration:none;
width: 96px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #23627F;
}
#middle {
float:left;
width:545px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 25px;
padding: 0px;
}