Max: fixed iframe bis unteren Browser Rand darstellen

Beitrag lesen

Hallo,

ich habe ein Problem mit dem Erstellen einer Intranet-Seite, ich komme da nicht weiter.
Ich möchte oben auf der Seite einen fixed Teil haben, der beim scrollen sich nicht wegbewegt.
Dadrunter soll der Inhalt der Seite rein, den ich in ein iframe gepackt habe. Das Problem dabei ist, dass ich es nicht hinkriege den iframe Teil bis zum unteren Browser Rand zu binden. Hatte es schon mit height:100% (auch auf alle Elemente bis body hoch) versucht, dann wird aber der untere Teil des iframes nicht auf der Seite dargestellt, auch wenn ich komplett runter scrolle. (deswegen habe ich auch soviel <p> geschrieben um es besser zu testen).

Würde mich über hilfe freuen.

Hier der Code:
DEFAULT.HTM:

<html>
<head>
<title>Titl</title>
<link href="formate.css" rel="stylesheet" type="text/css">
</head>

<body  style="margin:auto;width:1000px;font-family:Arial;position:static;top:0;background-color:#0f9900">

<div id="body1" style="z-index:100; position:fixed;width:1000px">
<div id="header1" style="background:aqua">
<h1 style="margin-bottom:5px" align="center">Willkommen</h1>
</div>
<div id="startbild">
<img src=pix/t.jpg alt="Logo Startseite defekt">
</div>
<div id="fixlinks">
<table style="text-align:center;width:1000px" bordercolor=#c7c7c7 border="3" cellpadding="1" cellspacing="0">
<tr bgcolor="white" bordercolor=#c7c7c7>
<td style="width:10%"><a href="http://www.google.de" target="_self">Google</a></td>
<td style="width:10%"><a href="http://www.google.de" target="_blank">Google</a></td>
<td style="width:10%"><a href="http://www.google.de" target="_blank">Google</a></td>
<td style="width:10%"><a href="http://www.google.de" target="_blank">Google</a></td>
<td style="width:10%"><a href="http://www.google.de" target="_blank">Google</a></td>
<td style="width:10%"><a href="http://www.google.de" target="_blank">Google</a></td>
<td style="width:10%"><a href="http://www.google.de" target="_blank">Google</a></td>
<td style="width:10%"><a href="http://www.google.de" target="_blank">Google</a></td>
</tr>
</table>
</div>
</div>

<iframe src="html/frame.htm" frameborder="0" style="z-index:99; background:maroon;width:1000px;position:fixed;top:295px">  
</iframe>  

</body>
</html>

_________________________________________
FRAME.HTM:

<div id="body2" style="position:absolute;width:auto;background:lime">
<div id="menue" style="width:283px">
<p style="font:Arial;font-size:16pt">1</p>
<p style="font:Arial;font-size:16pt">2</p>
<p style="font:Arial;font-size:16pt">33333333</p>
<p style="font:Arial;font-size:16pt">444444444</p>
<p style="font:Arial;font-size:16pt">5555555</p>
<p style="font:Arial;font-size:16pt">66666666</p>
<p style="font:Arial;font-size:16pt">7777777</p>
<p style="font:Arial;font-size:16pt">8888888</p>
<p style="font:Arial;font-size:16pt">99999999</p>
<p style="font:Arial;font-size:16pt">000000000</p>
<p style="font:Arial;font-size:16pt">11111111111111111</p>
<p style="font:Arial;font-size:16pt">22222222222222222</p>
<p style="font:Arial;font-size:16pt">333333333333333333</p>
<p style="font:Arial;font-size:16pt">444444444444444444444</p>
<p style="font:Arial;font-size:16pt">5555555555555555555</p>
<p style="font:Arial;font-size:16pt">66666666666666666666</p>
<p style="font:Arial;font-size:16pt">777777777777777777</p>
<p style="font:Arial;font-size:16pt">8888888888888888888</p>
<p style="font:Arial;font-size:16pt">999999999999999999999</p>
<p style="font:Arial;font-size:16pt">000000000000000000</p>
<p style="font:Arial;font-size:16pt">11111111111111111111</p>

</div>
</div>

________________________
FORMATE.CSS:

a{
text-decoration:none;
}

a:hover{
text-decoration:underline;
}