nicht angemeldet
Alles klar... also kommen wir erstmal zur CSS-Datei:
Für den Bereich, in dem du Scrollen willst, brauchst du:
#Scrollbereich {
color:#000000;
padding: 0;
font-family:Arial, sans-serif, Helvetica;
font-size:14px;
font-weight:bold;
z-index:0;
}
Fixierte Bereiche definiert man z.B. folgendermaßen (Name egal):
#fixed_toplogo {
position: absolute;
top:0px; left:116px;
border:none;
z-index:1;
}
html>body #fixed_toplogo { /* nur fuer moderne Browser! */
position: fixed;
}
Gut... wenn du das erledigt hast, gehts ans html:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>DeinTitel</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="DeineCSSDatei.css">
<!-- WORKAROUND FÜR FIXED von selfhtml -->
<!--[if IE]><style type="text/css">
@media screen {
html, body {
height: 100%; overflow-y: hidden;
}
#Scrollbereich {
height:100%; width: 100%; overflow: auto;
}
}
</style><![endif]-->
<!-- WORKAROUND FÜR FIXED von selfhtml -->
</head>
<!-- INHALT AB HIER -->
<body>
----> Hier jetzt fixierte bereiche einbinden, z.B:
<div id="fixed_toplogo">
INHALT DIV
</div>
und so weiter...
DANACH (keinenfalls vorher)
<div id="Scrollbereich">
HIER KOMMT ALLES REIN, WAS SCROLLEN SOLL
</div>
</body>
</html>
FERTIG!