✔ iFrame macht mich kirre

tomengel

tomengel

Mitglied
Moin,

folgendes "Problem": ich habe ein Gateway Seite, die nur einen iFrame enthält, der ein dyn. angefordertes PDF anzeigt. Der iFrame soll 100% breite und 100% höhe des Browserfensters ausfüllen. Auf Mac - Safari und FF funktioniert es tadellos - auf PC - IE und FF wird nur ein schmaler Streifen angezeigt.

Wie kann ich das gewünschte erreichen?

Anbei der bisherige Code:
HTML: 
<style type="text/css">
<!--
html, body {
  	 height: 100%; /* wichtig */
	 margin:0;
	 padding:0;
}
#box{
	min-height: 100%;
  	height:auto !important; /* moderne Browser */
  	height:100%; /* IE */
	position:absolute;
	width:100%;
}
-->
</style>
</head>

<body>

<div id="box">

<iframe src="<? echo $dat_path; ?><? echo $dat_nam; ?>" width="100%" height="100%"></iframe>

</div>

Vielen Dank schon mal für eure Tipps!

Sonnige Grüße,

Tom
 
Hi,

bei mir funktioniert dein Vorhaben im FF und IE einwandfrei.

mfg Maik
 
Hola,

danke für die Antwort. Im IE ja, im FF (3.0.10) nicht. Woran kann's liegen?

Sonnige Grüße,

Tom
 
Okay, ich hatte vorhin meinen Testballon nicht mit einem PDF-Dokument gestartet, sondern ein HTML-Dokument im iFrame aufgerufen :-(

Lösung:
HTML: 
<body>

<iframe src="<? echo $dat_path; ?><? echo $dat_nam; ?>"></iframe>

</body>
CSS: 
iframe {
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
width:100%;
height:100%;
}

mfg Maik
 
Hola,

Danke für den Hinweis nun t's! :)

Eigentlich total simple - wie immer ;)

Nur habe ich nun unschöne doppel Scrollbalken auf der rechten Seite.

Im FF sind horz. und vert. Scrollbalken, die nur ein Stückchen scrollen, im IE ca. eine halbe Seite.

Sonnige Grüße und danke,

Tom

## EDIT ##

... so, ein einfaches "overflow:hidden" im html, body tag behebt das Problem.

Vielen Dank noch mal für die schnelle Unterstützung,

Sonnige Grüße
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück