Robbit: Scrollbalken im IE außerhalb (Boxmodell)

Salute Kollegen,

wenn ich in einer Tabellenzelle so eine div-Box
   <div style="width: 100%-; height: 492px; overflow:scroll; overflow-x: hidden; ">
im Firefox öffne, ist alles bestens. Im IE7 aber (und nur seinetwegen habe ich das overflow-x drin) rutscht der vertikale Scroll-Balken aus der Padding-0-Zelle raus. Mit
   <div style="width: 100%-; height: 492px; overflow:scroll; overflow-x: hidden; padding-right:12px;">
siehts zwar im IE7 korrekt aus, dann aber habbich im FF einen zu dicken Rand innen.

Wat nu?

Vielen Dank für Eure Tipps
-Robbit.

Disclaimer: Ich HABE dieses Forum und auch andere Quellen nach dieser Problematik bereits MEHRFACH abgesucht, und überhaupt traue ich mich erst jetzt, nachdem ich tagelang erfolglos herumge-CSSt habe, das Forum zu bemühen. Ich kann natürlich nicht ausschließen, daß ich einen hierzu hilfreichen Artikel vielleicht übersehen, oder die Nutzbarkeit einschlägiger Informationen nicht erkannt habe. Ich stelle dieses Posting also sicher nicht leichtfertig oder gar aus Suchfaulheit hier ein. Ich bitte also von Belehrungen und nöligen Verweisen auf was auch immer abzusehen. Danke.

  1. Salute Kollegen,

    wenn ich in einer Tabellenzelle so eine div-Box
       <div style="width: 100%-; height: 492px; overflow:scroll; overflow-x: hidden; ">
    im Firefox öffne, ist alles bestens. Im IE7 aber (und nur seinetwegen habe ich das overflow-x drin) rutscht der vertikale Scroll-Balken aus der Padding-0-Zelle raus. Mit
       <div style="width: 100%-; height: 492px; overflow:scroll; overflow-x: hidden; padding-right:12px;">
    siehts zwar im IE7 korrekt aus, dann aber habbich im FF einen zu dicken Rand innen.

    Wat nu?

    Vielen Dank für Eure Tipps
    -Robbit.

    Im FF wird der Scrollbalken ausserhalb des Divs positioniert. Sprich, ist das Div 200 Pixel breit, wird der Scrollbalken (ca. 20 Pixel) rechts davon angehängt. Der IE jedoch platziert den Scrollbalken innerhalb. Das heisst von den 200 Pixel werden 20 für den Scrollbalken gebraucht und du hast noch 180 Pixel für den eigentlichen Inhalt zur Verfügung.

    1. Hallo twiapaws,

      Im FF wird der Scrollbalken ausserhalb des Divs positioniert. Sprich, ist das Div 200 Pixel breit, wird der Scrollbalken (ca. 20 Pixel) rechts davon angehängt. Der IE jedoch platziert den Scrollbalken innerhalb. Das heisst von den 200 Pixel werden 20 für den Scrollbalken gebraucht und du hast noch 180 Pixel für den eigentlichen Inhalt zur Verfügung.

      Schon, aber wie erreiche ich eine identische Darstellung in beiden Browsern? Wie kann ich div-Breiten browserabhängig bestimmen?

      Grüßken
      -R.