nicht angemeldet
IFrame dynamisch in der Größe anpassen
Hallo,
ich versuche einen iframe so zu positionieren das die Abstände zum hor. Header und zur ver. Navbar immer fest sind. Der IFrame soll dann denn verbliebenen Platz ausfüllen, abzüglich jeweils 1% Rand rechts und unten.
Folgender Code funktioniert im FF aber natürlich nicht im IE. Habe schon verschiedenste Workarounds probiert, den iframe in ein div sowie eine table gewrapped aber die lösung habe ich einfach noch nicht gefunden.
Kann mir hier jemand helfen?
Danke!
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" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-15" />
<link rel="stylesheet" type="text/css" media="screen, projection" href="site.css" />
</head>
<body>
<iframe id="iframe" name="frame" src="news.html" frameborder="no" scrolling="auto">Sorry, your browser does not support IFrames</iframe>
</body>
</html>
CSS:
#iframe{
position:absolute;
top:105px;
left:236px;
right:1%;
bottom:1%;
background-color:#FFFFFF;
}
-
Hallo,
<iframe id="iframe" name="frame" src="news.html" frameborder="no" scrolling="auto">Sorry, your browser does not support IFrames</iframe>
Anstatt "Sorry, ..." zu schreiben solltest du hier _unbedingt_ einen normalen Link auf diese HTML Datei setzen, also in etwa:
<iframe id="iframe" name="frame" src="news.html" frameborder="no" scrolling="auto"><a href="news.html">Zu den Nachrichten</a></iframe>
#iframe{
position:absolute;
top:105px;
left:236px;
right:1%;
bottom:1%;
background-color:#FFFFFF;
}Versuche doch mal eine Breite konkret zu definieren, zum Beispiel 98% oder so. Vielleicht klappt das, ja mit ein bischen ausprobieren.
Grüße
Jeena Paradies