nicht angemeldet
CSS - Fixierter Bereich - Problem mit Firefox
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>
-
Hallo Lonni,
* html, body {
height : 100%;
overflow-y : hidden;der * html Hack ist so nicht korrekt. Der Firefox interpretiert hier für body "overflow-y:hidden;" und deine Scrollbars fehlen logischerweise.
Grüße,
Jochen
-
Hallo Jochen,
danke für die schnelle Hilfe!
-