Layer - Problem

hagar · 27. Nov. 2005

Hallo!

Ich habe folgendes Problem:

Ich möchte eine Seite erstellen wo ich 240px für einen Schriftzug und ein Menü verwenden.
Den Rest (100% sinds nicht

) möchte ich mit einem div-Container auffüllen, also der soll, dann von top:240px weg gehen, wobei height:100% nicht möglich ist.

Also was ich möchte ist, daß, wenn ich dann overflow:auto setzte,das Menü immer sichtbar bleibt, auch wenn der Text über das Seitenende hinausreicht.

Kurz der Code:

Code:

<div id="title" style="position:absolute;width:100%;height:217px;top:0px;left:0px;z-index:3">
 Schriftzug hier<br />
 Menü hier
</div>

<div id="content" style="position:absolute;width:100%;height:100%;top:217px;left:0px;z-index:3;overflow:auto">
 Inhalt hier<br />
 Inhalt hier
</div>

Danke im voraus!

hagar · 27. Nov. 2005

Vielleicht war's nicht ganz verständlich:

Die Scrollbar rechts soll nur bis zu "bottom" gehen - nicht bis ins unsichtbare darunter.
Mit Frames wäre das relativ leich zu machen, möchte ich aber wegen der Suchmaschinen nicht.

Screenshot hier

HTML:

<!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=iso-8859-1" />
<title>Test</title>
<style>
body
 {

	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	background-color:#333333;
	margin-left:0px;
	margin-top:0px;
	margin-right:0px;
	margin-bottom:0px;
 	margin:0px;
	background-attachment:fixed;
	overflow:hidden;
	font-size:12px;
	cursor:default;
	height:100%;
	width:100%;
	position:absolute;
	text-align:center;
 }
</style>
</head>

<body>

<div id="title" style="position:absolute;width:100%;height:217px;top:0px;left:0px;z-index:3;overflow:hidden;background-color:#999999">
 Schriftzug hier<br />
 Menü hier
</div>

<div id="content" style="position:absolute;width:100%;height:100%;top:217px;left:0px;z-index:3;overflow:auto; background-color:#290979;">
 Inhalt hier<br />
 Inhalt hier<br />
 <img src="http://www.google.at/images/logo_sm.gif" height="1700" width="250" />
</div>

</body>
</html>

Layer - Problem

hagar

New member

hagar

New member