shuthichi: div höhe mit integriertem iframe

SELF-Forum

div höhe mit integriertem iframe

shuthichi
– Informationen zu den Bewertungsregeln

Hallo Forum,

ich weiß dass iframes eigentlich nicht mehr genutzt werden sollten.
Trotzdem habe ich heute eine Frage dazu.

Folgendes Problem:

<html>  
<head>  
<style type="text/css">  
#header {  
	border: 1px solid blue;  
	width: 100%;  
	height: 100px;  
}  
  
#navigation {  
	border: 1px solid red;  
	width: 200px;  
	float: left;  
}  
  
#content {  
	border: 1px solid green;  
	margin-left: 203px;	  
	position: relative;  
}  
</style>  
</head>  
<body>  
<div id="header">Header mit fester H&ouml;he.</div>  
<div id="navigation">Navigationsleite.</div>  
<div id="content">Der Contentbereich enth&auml;lt einen Iframe. Dieser soll den Rest der Seite nach rechts und unten ausf&uuml;llen.<br/>  
<iframe src="http://forum.de.selfhtml.org/archiv/2008/3/t167590/"></iframe>  
</div>  
</body>  
</html>

Wie kann ich den grünen div (bzw. den iframe darin) dazu bringen den Rest der Seite nach rechts und unten auszufüllen?

Ist das möglich?

Danke für Tips.

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. div höhe mit integriertem iframe

    shuthichi
    – Informationen zu den Bewertungsregeln

    Folgendes Minimalbeispiel kommt schon recht nahe dran:

      
<html>  
<head>  
<style type="text/css">  
body {  
	overflow: hidden;  
}  
  
#header {  
	border: 1px solid blue;  
	width: 100%;  
	height: 100px;  
	position: relativ;  
}  
  
#navigation {  
	border: 1px solid red;  
	width: 200px;  
	float: left;  
	position: relativ;  
}  
  
#content {  
	border: 1px solid green;  
	margin-left: 203px;  
	position: relative;  
}  
</style>  
</head>  
<body>  
<div id="header">Header mit fester H&ouml;he.</div>  
<div id="navigation">Navigationsleite.</div>  
<div id="content"><iframe  
	src="http://forum.de.selfhtml.org/archiv/2008/3/t167590/"  
	style="width: 100%; height: 100%;" frameborder="0"></iframe></div>  
</body>  
</html>

    Der grüne div ist jetzt nur nach unten hin zu lang. Ich vermute um die Höhe des Headers.

    Kann man das noch abstellen?

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. div höhe mit integriertem iframe

      shuthichi
      – Informationen zu den Bewertungsregeln

      Keiner eine Idee?
      Ich bekomme das einfach nicht hin. ;-(

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln