✔ Scrollbalken will im IE nicht!

[svennson]

Hi,
hab den Css-Style soweit, dass es im Firefox und IE relativ gleich aussieht, nur das einzige Problem, welches ich noch habe ist, dass im IE kein Scrollbalken angelegt wird, falls benötigt. Somit rückt der Text auch nicht ein und geht über den Rand hinaus.
Hier der Code, wäre nett wenn mal jemand drüberschauen könnte, der Fehler müsste dann ja eigentlich im *html #center Bereich liegen:

body{
background-color:#fff;
overflow:hidden;
}
/*oberer teil*/
#top{
background-color:#6666FF;
position:absolute;
top:0px;
left:0;
right:0;
height:25px;
overflow:hidden;
z-index:9;
}

*html #top{
top:0px;
right:0px;
width:100%;
height:25px;
overflow:auto;
}

#undertop{
background-color:#fff;
position:absolute;
top:25px;
right:0;
left:150px;
height:100px;
overflow:hidden;
}

*html #undertop{
top:25px;
right:25px;
height:100px;
}

#rightline{
background-color:#6666FF;
position:absolute;
top:25;
right:0;
width:25px;
height:100px;
overflow:hidden;
z-index:3;
}

*html #rightline{
position:absolute;
top:0;
right:0;
width:25px;
height:125px;
overflow:hidden;
}


#underline{
background-color:#6666FF;
position:absolute;
top:125px;
left:150px;
right:0;
height:25px;
overflow:hidden;
}

*html #underline{
top:125px;
left:150px;
right:0px;
width:100%;
height:25px;
}

/*menü teil*/
#left{
background-color:#fff;
position:absolute;
top:75;
left:0;
bottom:150px;
width:150px;
overflow:hidden;
}

#leftline{
background-color:#6666FF;
position:absolute;
top:150px;
left:150px;
bottom:150px;
width:25px;
overflow:hidden;
}

*html #leftline{
top:150px;
left:150px;
width:25px;
height:100%;
}

#leftunder{
background-color:#6666FF;
position:absolute;
bottom:125px;
left:0;
width:175px;
height:25px;
overflow:hidden;
}

/*links unten*/
#under{
background-color:#fff;
position:absolute;
left:0;
bottom:0;
Width:175px;
height:125px;
overflow:hidden;
}
/*mittle teil*/
#center{
position:absolute;
top:150px;
left:175px;
right:0;
bottom:0;
overflow:auto;
z-index:3
}

*html #center{
left:175px;
top:150px;
right:0px;
bottom:0px;
width:100%;
height:100%;
overflow:auto;
}

MFG,
Sven

 

[Gumbo]

Entferne einfach die overflow-Eigenschaftsdeklaration aus dem body-Selektoren-Deklarationsbereich.

 

[svennson]

Hi,
wenn ich die overflow-Eigenschaftsdeklaration aus dem body-Selektoren-Deklarationsbereich entferne, dann ist aber leider immer ein Scrollbalken nach oben-unten sowie links-rechts da.

 

[Gumbo]

Bildlaufleiste wird doch eingeblendet. War es nicht das, was du wolltest?

 

[svennson]

Fast... Wollte dass es wie bei Friefox aussieht, also das wenn im Bereich #center der Text länger ist als die Seite, dass man dann im center-Bereich nen Scrollbalken hat. Bei Firefox klappt das ach einwandfrei---

 

[Maik]

Damit der IE im DIV#center einen Scrollbalken bei Bedarf anzeigt, benötigt der Selektor auch eine feste Höhenangabe. Du hast für das DIV aber height: 100%; bestimmt.

 

[svennson]

Wenn ich height einen festen Wert zuweise, dann funktioniert es aber leider auch nicht . Woran könnte es denn sonst noch liegen?

 

[svennson]

Hab mal mit Pixelwerten rumgetestet und für width hab ich auch einen passenden gefunden, nur bei height finde ich keinen passenden Wert. Manchmal sieht es eigentlich so aus als ob es richtig wäre, aber dann kann man z.B. den Text nicht ganz nach unten scrollen, hab aber leider keine Ahnung wie ich das sonst umsetzen könnte...



edit: So, habs nun doch hinbekommen, danke nochmal für die Lösungsanregungen!

 

[Maik]

So, habs nun doch hinbekommen, danke nochmal für die Lösungsanregungen!

Dann nutze auch den Status-Button des Themas, um es als erledigt zu markieren.