gtnl:
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>Fixed footer</TITLE>
<META http-equiv=Content-Type content="text/html; charset=utf-8">
<link rel="stylesheet" type="text/css" href="basic3.css">
</HEAD>
<BODY>
<form method="post" id="post" name="post" action="" enctype="multipart/form-data" style="overflow:hidden;height:100%">
<DIV class="leftcontent">left</DIV>
<DIV class="rightcontent">right</DIV>
<DIV class="content">
content
</DIV>
</form>
</BODY>
</HTML>
CSS:
Code:
BODY {
PADDING: 0px;
MARGIN: 0px;
}
div.leftcontent
{
LEFT: 0px;
WIDTH: 200px;
POSITION: relative;
HEIGHT: 50px;
margin:0px;
padding:0px;
height:100%;
background-color:#AAFF66;
float:left;
}
@media Screen
{
UNKNOWN {POSITION: fixed}
}
HTML BODY
{
OVERFLOW: hidden
}
DIV.content {
OVERFLOW: auto;
HEIGHT: 100%;
margin-left:200px;
top:0px;
bottom:0px;
margin-top:0px;
margin-right:150px;
margin-bottom:50px;
background-color:#FFAA66;
}
div.rightcontent
{
POSITION: absolute;
RIGHT: 0px;
TOP: 0px;
WIDTH: 150px;
margin:0px;
padding:0px;
background-color:#66FFAA;
height:100%;
}
schaus dir halt mal an, obs verwertbar is