Scrollbar in HTML der eigentlich nicht da sein sollte!

T.dot · 21.03.2005, 19:14

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

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)