nicht angemeldet
Hallo zusammen,
ich habe eine Seite mit zwei Bereichen erstellt. Oben ein fixierter Bereich und unten der Inhalt der Seite, welcher srollbar sein soll.
In den Browsern IE6, Netscape 7.1, Opera 8.5 funktioniert es. Lediglich der Firefox stellt keine Bildlaufleiste zum Scrollen des Inhalts dar.
Was muss ich ändern, um dieses Problem zu beheben?
Vielen Dank!
Hier der Html-Code der Seite:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>New</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
body {
height : 100%;
margin : 0;
padding : 0;
border : 0;
background-color : #fff;
}
#banner {
position : absolute;
top : 0px;
left : 0px;
width : 760px;
height : 120px;
background-color : #eee;
font-family : verdana, sans-serif;
font-size : 18pt;
font-weight : normal;
}
html > body #banner {
position : fixed;
}
#content {
width : 760px;
height : 1000px;
font-family : verdana, sans-serif;
font-size : 10pt;
font-weight : normal;
color : #000;
background-color : #ffcc66;
margin-top : 120px;
}
* html, body {
height : 100%;
overflow-y : hidden;
}
* html #scrollarea {
height : 100%;
width : 100%;
overflow : auto;
}
* html #content {
position : static;
}
</style>
</head>
<body>
<div id="banner">
<p>Banner - Fixierter Bereich</p>
</div>
<div id="scrollarea">
<div id="content">
<p>Hier steht der Text des Inhalts - Srcoll-Bereich</p>
</div>
</div>
</body>
</html>