Mahlzeit sbm,
Das was ich bislang umgesetzt habe funktioniert nur, wenn der Anzeigebereich des Fensters größer als die Höhe des Contents ist.
Wieviel Content wird auf der "fertigen" Seite zu sehen sein? Was spricht gegen eine Lösung, die weiterhin immer einen festes "Passepartout" innerhalb des <body> erzeugt, das innere <div> entsprechend verkleinert und dann dort einen Scrollbalken anbietet (wenn der Benutzer meint, sein Fenster so weit verkleinern zu müssen:
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Unbenanntes Dokument</title>
<style type="text/css">
[code lang=css]
* {
margin: 0;
padding:0;
}
body {
background-color: #ffffff;
}
div#wrap {
margin: 15px;
padding: 5px;
background-color: #666666;
overflow: auto;
}
</style>
<script type="text/javascript" language="javascript">
function setBorder() {
document.getElementById('wrap').style.height = (window.innerHeight - 40) + 'px';
}
</script>
</head>
<body onload="setBorder()" onresize="setBorder()">
<div id="wrap">
In diesen container kommt der Content ...<br />
In diesen container kommt der Content ...<br />
In diesen container kommt der Content ...<br />
In diesen container kommt der Content ...<br />
In diesen container kommt der Content ...<br />
In diesen container kommt der Content ...<br />
In diesen container kommt der Content ...<br />
</div>
</body>
</html>[/code]
MfG,
EKKi
sh:( fo:| ch:? rl:( br:> n4:~ ie:% mo:} va:) de:] zu:) fl:{ ss:) ls:& js:|