Ich habe es fast, aber halt noch nicht ganz -
so ich hoffe es kommt an:
<html>
<head>
<style>
.button {
background-color:#527bb9;
border:none;
color:#ffffff;
height:18px;
white-space:nowrap;
text-align:center;
}
.button_mo {
background-color:#ff6600;
border:none;
color:#ffffff;
height:18px;
white-space:nowrap;
text-align:center;
}
/* Positionierung des feststehenden Footers */
body {
position:absolute;
background:#FFFFFF;
}
html, body{
top:0; left:0; right:0;
min-height:100%;
margin:0;
padding:0;
width:100%;
}
#content_container
{
margin:0;
padding-bottom:20px;
z-index:2;
}
#footer_container {
position:fixed;
bottom:0; left:0; right:0;
text-align:center;
margin:0;
height: 19px;
z-index:3;
}
#footer
{
position:absolute;
top:0; left:0; right:0; bottom:0;
background:#cccccc;
text-align:left;
border-top: 1px solid white;
width: 769px;
z-index:3
}
/* Positionierung des feststehenden Footers */
/* Angaben nur für den Internet Explorer mittels Star-HTML-Hack */
* html, * html body {
margin:0;
padding:0;
height:100%;
overflow:hidden;
}
* html #footer_container {
text-align:left;
position:absolute;
width:100%;
padding-right:16px;
}
* html #footer {
background:#cccccc;
text-align:left;
border-top: 1px solid white;
width: 769px;
height:100%;
position:static;
}
* html #content_container {
position:absolute;
top:0; bottom:0; left:0; right:0;
height:100%;
width:100%;
overflow:auto;
margin:0;
}
</style>
</head>
<body style="margin:0px; background-color:#fff;">
<table cellpadding="0" cellspacing="0" bgcolor="white" height="100%" width="769" border="0">
<tr><td>das soll der Typo3 Kopf sein</td></tr>
<tr><td height="100%" valign="top">
<div class="content">
<!-- ab hier kann ich machen was ich will! -->
<div id="content_container">
Hier kommt nun Inhalt bis zum Abwinken.
Tabelen, divs etc.:
<br>...<br>...<br>...<br>...<br>...<br>...<br>...<br>...<br>...<br>...<br>...<br>...<br>...<br>...<br>...<br>...<br>...
<br>...<br>...<br>...<br>...<br>...<br>...<br>...<br>...<br>...<br>...<br>...<br>...<br>...<br>...<br>...<br>...<br>...
</div>
<div id="footer_container">
<div id="footer">
<table style="border-top: 1px solid white;" bgcolor="#cccccc" border="0" cellpadding="0" cellspacing="0" height="19" width="100%">
<tbody><tr>
<td><div style="white-space:nowrap;">mein Footertext</div></td>
<td width="100%"> </td>
<td style="margin: 0px; padding: 0px 0px 0px 1px;" align="right" height="18" valign="top" width="1"><div class="button" onmouseover="this.className='button_mo';" onmouseout="this.className='button';" height="18px" name="close" onclick="window.close();">Schließen</div></td>
</tr>
</tbody></table>
</div>
</div>
<!-- leider kann ich ab hier nichts mehr verändern -->
</div>
</td></tr>
<tr><td></td></tr>
</table>
</body>
</html>