Hallo,

gibt es eigentlich eine Methode um den Scrollbalken entfernen zu können, wenn man bei den CSS Anweisungen


setzt?

Ich habe da schon verschiedenes ausprobiert, aber nichts scheint zu helfen.

Alternativ, kannst du den Scrollbalken auch nur in x- oder y-Richtung ausblenden lassen:

Gut, aber dann lässt sich nichts scrollen, wenn beispielsweise einen übergroßen Beispieltext "Lorem Ipsum" einfügst.

der Scrollbalken erscheint übrigens dann, wenn ein DIV eingefügt wird. Bei Absätzen ist das nicht der Fall. Interessant.

Am einfachsten siehst du was der Browser berechnet, in dem du die "Webinformationen" in Safari einblendest, und dann mit dem Mauszeiger auf das gewünschte Element zeigst bzw. klickst.

Ohne den weiteren Code zu kennen, könnte auch folgendes helfen:

den Scrollbalken zu entfernen hilft es, wenn man für body position:absolute; festlegt.

Scrollbalken erscheinen nur dann, wenn der Inhalt größer ist als das umgebende Element. Wenn nicht anders festgelegt, passen sich die Element in ihrer Größe an den Inhalt an, so wie es dementsprechend auch der body macht. Ist der body nun größer als das Fenster/window, dann hast du da natürlich Scrollbalken.


Um das zu verhindern kannst du den betreffenden Containern eine fixe Höhe geben:

zb: html,body{height: 100%, overflow: hidden};

und zusätzlich angeben das Scrolling deaktivert sein soll bzw. dadurch überlappende Elemente einfach abgeschnitten werden. Aber dann ist wie gesagt Scrolling bei diesen Elemente nicht mehr möglich. Sollte also der Inhalt größer als der verfügbare Platz werden, wird er einfach abgeschnitten und ist somit nicht mehr sichtbar.