Hallo Ihr Lieben!
Ich bin so langsam am verzweifeln und möchte mich nun an Euch wenden!
Ich habe hier ein Frameset aus einem DIV und nem IFRAME gemacht, oben soll der 85px Balken mit Text sein und unten dann der IFRAME, einziges Problem ist, das der IFRAME im Firefox um 85px nach unten verschoben wird.
Wisst Ihr vielleicht woran das liegt und was ich anders machen kann?
Hier der Code:
HTML-Code:
<!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">
<head>
<title>Titel</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
body {padding: 0; margin: 0;}
html {overflow: hidden;}
#frame {position: absolute; top: 0; left: 0; width:100%; background-color: gray; background-repeat: repeat-x; height: 85px; padding: 0px; z-index: 10000;}
.text {font-size: 14pt; margin: 0; float: left; padding: 20px 25px 0px 25px; color: #000000; font-family: arial; }
.wrap {position: absolute; top: 0; left: 0; bottom: 0; padding-top: 85px; width: 100%; height: 100%;}
iframe.url {height: 100%; width: 100%; border: 0;}
.clear {clear: both; margin: 0px; padding: 0px;}
</style>
</head>
<body>
<div id="frame">
<div class="text">Text</div>
<div class="clear"></div>
</div>
<div class="wrap">
<iframe src="http://www.web.de" class="url" frameborder="0"></iframe>
</div>
</body>
</html>