Kein Scrollbalken im Div beim Firefox

[farlab]

Hallo,

bei meiner Seite www.tv-eschborn.de erscheint kein Scrollbalken für das überlange DIV. Woran liegt das und wie bekomme ich den Scrollbalken?

Hier Teile der CSS
body {
height: 100%;
width: 100%;
margin: 0 0 1px;
padding: 0;
font-size: 15px;
line-height: 16px;
font-family:'Arial', 'Verdana', 'Trebuchet MS', sans-serif;
color: #000000;
background:#FFFFFF;
font-weight: normal;
text-align: center;
overflow: hidden;
}
/* DIV-Definitionen */
#navigation
{
position:absolute;
top:0px;
left:0px;
width:15%;
min-width:15%;
max-width:15%;
height:100%;
background-color: #00C070;
z-index:7;
overflow:auto;
text-align:center;
}
#ueberschrift
{
position:absolute;
top:0px;
left:15%;
width:85%;
height:9%;
min-height:9%;
max-height:9%;
padding-left:20px;
padding-top:3px;
text-align:left;
z-index:8;
background-color:white;
overflow:auto;
}
#seiteninhalt
{
position:absolute;
top:9%;
left:15%;
width:85%;
height:91%;
padding-left:20px;
z-index:9;
background-color:white;
text-align:left;
overflow:auto;
}
div.rahmen
{
width:700px;
margin-left: 20px;
color: #000000;
}

Viele Grüße
farlab

 

[Space Vampire]

overflow:scroll;

 

[farlab]

Damit erscheint der Scrollbalken auch nicht und nun?

 

[vast]

du musst einfach im CSS für den body das overflow:hidden wegnehmen.

 

[farlab]

Hallo vast,

wenn ich beim Body das overflow: hidden; wegnehme bekomme ich ein Scrolleiste sowohl über das div #überschrift als auch über das Div #seiteninhalt geht. Das div #überschrift soll aber ausgespart bleiben und nur der Scrollbalken bei dem div #seiteninhalt wie beim IE angezeigt werden.

Viele Grüße
farlab

 

[vast]

ahso - mach mal zB f. #seiteninhalt im CSS
width:705px;

...statt der Prozentangabe.

 

[threadi]

Vermutung 1: der Seite fehlt ein Doctype. Siehe:
[Invalid] Markup Validation of http://www.tv-eschborn.de/ - W3C Markup Validator

Vermutung 2: verzichte auf diese unnötige absolute Positionierung. Diese ist für den fehlenden Scrollbalken verantwortlich.

Tipp: beides kann man im Firefox mit der Erweiterung Firebug sehr einfach herausbekommen und auch direkt herumprobieren wie man es nun besser machen könnte.