hallo,
ich hab meinen Entwurf überarbeitet. Die Seite sollte jetzt so sein: Mindesthöhe 100%, Inhalte über 100% passen die Höhe an.
Da ich keine iframes verwende, habe ich mich informiert und geb diese Infos ungeprüft weiter: Danach gibt es keine Möglichkeit, die Höhe eines iframes dynamisch anzupassen. Evtl. wäre zu überlegen, ob die Zuweisung einer festen Höhe für dich in Betracht kommt, oder informiere dich über Javascript-/PHP-Lösungen. Gerade PHP bietet wohl Möglichkeiten, vollständig auf iframes zu verzichten.
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" xml:lang="de-AT" lang="de-AT">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Cafè Mosshammer</title>
<style type="text/css" media="screen, projection">
* {
margin: 0px;
border: 0 none;
padding: 0px;
}
html,
body {
height: 100%;
}
#seite {
width: 765px;
margin: 0 auto;
min-height: 100%;
background: #f6f6f0 url(hintergs.gif) repeat-y;
border-width: 0 1px;
border-style: solid;
border-color: #d3d3d3;
}
#logo {
float:left;
width: 153px;
height: 153px;
background: url(logo_mos.jpg) no-repeat;
}
#header {
float: left;
width: 612px;
height: 153px;
background-color: #e1e1e1;
color: inherit;
}
#menu {
float: left;
/* min-height: 100%; */
width: 114px;
}
#balken_menu {
float: left;
/* min-height: 100%; */
width: 39px;
}
#content {
float:right;
width: 612px;
/* min-height: 100%; */
}
iframe {
width: 612px;
}
.clear {
clear: both;
height: 0;
margin: 0;
padding: 0;
line-height: 0;
font-size: 0;
}
</style>
<!--[if lte IE 6]>
<style type="text/css">
#seite {height: 100%;}
#menu {height: 100%;}
#balken-menu {height: 100%;}
#content {height: 100%;}
</style>
<![endif]-->
</head>
<body>
<div id="seite">
<div id="logo"> </div>
<div id="header"> </div>
<div id="menu"></div>
<div id="balken_menu"></div>
<div id="content">
<iframe id="iframe1" src="news.htm"></iframe>
</div><!-- /content -->
<div class="clear"> </div>
<div><!-- /seite -->
</body>
</html>