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;
}