overflow-y problem im IE8 doppelte scrollbar

[sokie]

hallo zusammen,
nun dachte ich ich hätte schon viel gesehen...
in eine Seite habe ich für den Body im css die regel:

body{
  overflow-y: scroll;
}

vergeben um zu verhindern, dass die Seite(zentriertes Layout) nach rechts und links springt, wenn die Inhalte kürzer oder länger sind.
auf meinem Rechner(IE8 ), auch bei browsershots.org (IE8 ) funktioniert das auch super, allerdings gerade beim Auftraggeber (überraschenderweise sowohl auf dem PC als auch auf dem Laptop) erzeugt es eine zweite Scrollbar.
als schnellen fix habe ich nun body,html auf height 101% gesetzt, und das Problem so abgestellt (overflow-y:scroll entfernt).
Trotzdem wurmt mich das etwas, und ich suche nach einem eleganteren fix.

 

[Herr_D]

AW: overflow-y problem im IE8 doppelte scrollbar

Ich kann dir nicht helfen, aber das Problem auch nicht nachbauen...


Ich kenne doppelte Scrollbalken nur aus IE<6-Zeiten und dem Fix für position:fixed;

 

[sokie]

AW: overflow-y problem im IE8 doppelte scrollbar

Ich kann dir nicht helfen, aber das Problem auch nicht nachbauen...

ja das ist gerade das 'Dingen' - auf meinem Rechner kriege ich das auch nicht zu sehen - aber wie gesagt beim Auftraggeber gleich auf 2 Rechnern mit XP/IE8!
sieht dort in etwa so aus:

(mit overflow_y:scroll; )

 

[TheDavinciKarl]

AW: overflow-y problem im IE8 doppelte scrollbar

Naja ähm ...

folgender Code funktioniert doch:

(CSS)

body {overflow-y: hidden}

Natürlich könnte man es auch Problemlos verwenden, wenn du keine Höhe definiert hast, denn hier hast du eine definierte Höhe überschritten, deshalb entsteht die Scrollbar.

Der IE ist in der Hinsicht clever ...

Benutze niemals eine festgelegte Höhe eines Elementes, wenn du weißt, dass es überschritten werden kann.

Für Elemente deines Erachtens geht das:

#element{
      width: 500px;
      height: 175px;
      overflow-y: hidden;
}