Max: fixed iframe bis unteren Browser Rand darstellen

Beitrag lesen

Hallo,
vielen Dank nochmal für eure Hilfe.
Hab jetzt soweit alle Probleme beseitigt und bin erstmal zufrieden (bis die nächsten Probleme auftretten).

Anbei mein aktueller Code

<!DOCTYPE html>  
<html lang="de">  
<head>  
<meta charset="UTF-8">  
<title>Willkommen</title>  
<link href="css/formate.css" rel="stylesheet" type="text/css">  
</head>  
  
<body>  
<div id="kopf">  
	<h1>Willkommen</h1>  
	<img src=pix/t720s.jpg alt="Logo Startseite defekt">  
	<div id="links">  
		<nav>  
			<a id="linkslinks" href="default.htm" target="_self">Startseite</a>  
			<a id="linkslinks" href="http://www.google.de" target="_blank">Google</a>  
			<a id="linkslinks" href="http://www.wissen.de" target="_blank">Wissen</a>  
			<a id="linkslinks" href="http://www.wikipedia.de" target="_blank">Wikipedia</a>  
			<a id="linkslinks" href="http://www.leo.org" target="_blank">Leo</a>  
			<a id="linkslinks" href="http://www.mercedes-benz.de" target="_blank">Mercedes</a>  
			<a id="linkslinks" href="http://www.ihk-nordwestfalen.de" target="_blank">IHK-M&uuml;nster</a>  
			<a id="linkslinks" href="http://www.google.de" target="_blank">google</a>  
		</nav>  
	</div>  
</div>  
<div id="menue">  
	<ul id="ulmenue">  
		<li><a id="linksmenue" href="#home">Aktuell</a></li>  
		<li><a id="linksmenue" href="#home">Aktuell</a></li>  
		<li><a id="linksmenue" href="#home">Aktuell</a></li>  
		<li><a id="linksmenue" href="#home">Aktuell</a></li>  
		<li><a id="linksmenue" href="#home">Aktuell</a></li>  
		<li><a id="linksmenue" href="#home">Aktuell</a></li>  
		<li><a id="linksmenue" href="#home">Aktuell</a></li>  
		<li><a id="linksmenue" href="#home">Aktuell</a></li>  
		<li><a id="linksmenue" href="#home">Aktuell</a></li>  
		<li><a id="linksmenue" href="#home">Aktuell</a></li>  
		<li><a id="linksmenue" href="#home">Aktuell</a></li>  
		<li><a id="linksmenue" href="#home">Aktuell</a></li>  
		<li><a id="linksmenue" href="#home">Aktuell</a></li>  
		<li><a id="linksmenue" href="#home">Aktuell</a></li>  
		<li><a id="linksmenue" href="#home">Aktuell</a></li>  
		<li><a id="linksmenue" href="#home">Aktuell</a></li>  
		<li><a id="linksmenue" href="#home">Aktuell</a></li>  
		<li><a id="linksmenue" href="#home">Aktuell</a></li>  
		<li><a id="linksmenue" href="#home">Aktuell</a></li>  
		<li><a id="linksmenue" href="#home">Aktuell</a></li>  
		<li><a id="linksmenue" href="#home">Aktuell</a></li>  
		<li><a id="linksmenue" href="#home">Aktuell</a></li>  
		<li><a id="linksmenue" href="#home">Aktuell</a></li>  
		<li><a id="linksmenue" href="#home">Aktuell</a></li>  
		<li><a id="linksmenue" href="#home">Aktuell</a></li>  
		<li><a id="linksmenue" href="#home">Aktuell</a></li>  
		<li><a id="linksmenue" href="#home">Aktuell</a></li>  
		<li><a id="linksmenue" href="#home">Aktuell</a></li>  
		<li><a id="linksmenue" href="#home">Aktuell</a></li>  
		<li><a id="linksmenue" href="#home">Aktuell</a></li>  
		<li><a id="linksmenue" href="#home">Aktuell</a></li>  
		<li><a id="linksmenue" href="#home">Aktuell</a></li>  
		<li><a id="linksmenue" href="#home">Aktuell</a></li>  
		<li><a id="linksmenue" href="#home">Aktuell</a></li>  
		<li><a id="linksmenue" href="#home">Aktuell</a></li>  
		<li><a id="linksmenue" href="#home">Aktuell</a></li>  
		<li><a id="linksmenue" href="#home">Aktuell</a></li>  
		<li><a id="linksmenue" href="#home">Aktuell</a></li>  
		<li><a id="linksmenue" href="#home">Aktuell</a></li>  
		<li><a id="linksmenue" href="#home">Aktuell</a></li>  
		<li><a id="linksmenue" href="#home">Aktuell</a></li>  
		<li><a id="linksmenue" href="#home">Aktuell</a></li>  
	</ul>  
</div>  
  
</body>  
</html>  

CSS:

body {  
	margin:auto;  
	width:1000px;  
	font-family:Arial;  
	background-color:white;  
}  
  
h1 {  
	margin-bottom:0px;  
	text-align:center;  
}  
  
img {  
	border:5px lime;  
	display:block;  
}  
  
div#kopf {  
	position:fixed;  
	margin-top:0px;  
	z-index:10;  
	background-color:white;  
}  
  
  
div#links {  
	background-color:#cc7700;  
	height:35px;  
}  
  
div#menue {  
	position:absolute;  
	top:242px;  
	z-index:9;  
}  
  
nav {  
	white-space:nowrap;  
	text-align:center;  
}  
  
  
a#linkslinks {  
	background-color:#ff9900;  
	margin-top:0px;  
	text-decoration:none;  
	display: inline-block;  
	border-radius: 0 0 15px 15px;  
	width: 11%;  
	padding: 1px 3px 1px 2px;  
	transition: .5s 0s;  
	border: 3px #c7c7c7 solid;  
	border-top: none;  
	color:black;  
}  
  
a#linkslinks:hover, a#linkslinks:focus {  
	background-color:red;  
	text-shadow: 1px 1px 1px Gray;  
	padding-bottom: 10px;  
	transition: .3s;  
	outline: none;  
	font-weight:bold;  
}  
  
ul#ulmenue {  
list-style-type:none;  
margin:0;  
padding:0;  
}  
  
  
a#linksmenue{  
	margin-top:1px;  
	margin-bottom:1px;  
}  
  
a#linksmenue:link, a#linksmuenue:visited{  
display:block;  
font-weight:bold;  
color:white;  
background-color:#009933;  
width:160px;  
text-align:right;  
padding:4px;  
text-decoration:none;  
}  
  
a#linksmenue:hover, a#linksmenue:active, a#linksmenue:focus{  
background-color:#33CC33;  
}  
  
  
iframe {  
	background:maroon;  
	width:1000px;  
	position:fixed;  
	top:243px;  
	height:calc(100% - 243px);  
	border:0px;  
}