Hi!
Ich habe eine Website gebastelt, bei der ein Iframe genau in der Mitte der Website seien soll - dabei habe ich absichtlich auf die Verwendung von regulären Frames verzichtet. Eine Zentrierung über Tabellen hätte sich angeboten, jedoch lege ich sehr viel Wert darauf, dass sowohl der Firefox als auch der Internet Explorer (ich mag ihn nicht, aber immer noch weit verbreitet) die Website korrekt anzeigen, und der Internet Explorer weigert sich strikt, für Tabelen eine Höhenangabe einzusetzen. Folgender Quellcode wird im IE richtig interpretiert, bei FF klebt der Iframe jedoch nur an der oberen linken Ecke, was kann ich da machen - Danke im Foraus!
HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Meine Website</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
html,body {
height: 100%;
}
body,td,th {
color: #000033;
}
body {
margin: 0px;
padding:0px;
background-color: #FFFFFF;
}
iframe {
margin: 10% auto auto 10%;
width: 80%;
height: 70%;
overflow: auto;
}
#bg_image {
width: 100%;
height: 100%;
left: 0px;
top: 0px;
position: absolute;
z-index: 0;
}
#contents {
z-index: 1;
position:absolute;
height:100%;
height:100%;
}
-->
</style></head>
<body>
<div id="bg_image"> <img src="bgg.jpg" style="width: 100%; height: 100%;"></div>
<div id="contents">
<iframe name="haupt" src="haupt.html"></iframe>
</div>
</body>
</html>
Alles anzeigen