nicht angemeldet
Hallo. Danke für die Idee. Das Div ist gestalterisch gesetzt, ansonsten würde ich gerne den Body nutzen.
Das hat damit nichts zu tun, man kann das body-Element genauso formatieren wie ein div-Element und umgekehrt.
suit, ich habe mich wohl missverständlich ausgedrückt, die Scrollbar soll sich nicht außerhalb des Browsers befinden.
Nein, du hast dich schon deutlichgenug ausgedrückt - der Scrollbar kann unmöglich außerhalb des Browserfensters sein (mal davon abgesehen, dass dass man die GUI mancher Browser beliebig manipulieren kann - jedenfalls hast du darauf als Seitenautor keinen einfluss.
Sie soll im Body sein, aber eben am rechten Rand und über die gesamte Höhe und nicht nur über 70% (wie das Div).
Du hast das Grundkonzept von HTML und CSS nicht verstanden.
Es gibt Elemente - in einem HTML-Dokument hast du überlicherweise ein html-Element, ein body-Element und dann weitere Elemente - in deinem Fall ein div.
Wenn du einen Scrollbar am äußeren Rand des Browserfensters willst, muss ein Element die gesamte Höhe des Anzeigebereichs ausfüllen und äußerst rechts ausgerichtet sein (oder gleich auch die Breite beanspruchen).
Ob das nun das html-Element ist, das body-Element oder irgend ein x-beliebiges Element ist dabei egal - auf diese Tatsache bezog sich meine Antwort auf Matthias' Vorschlag.
Fassen wir also zusammen:
- Du hast ein Element welches du Scrollbar haben möchtest (in deinem Fall ein div-Element).
- Du möchtest aber dass der Scrollbalken für dieses Element nicht in diesem Element liegt sondern so tut als wäre es der Scrollbalken der den Überlauf des Anzeigebereis scrollbar macht - das ist gewöhnlicherweise das html- oder das body-Element.
Das ist weder mit HTML noch CSS technisch möglich da ein Scrollbares element seinen vertikalen Scrollbar am rechten (oder linken) Rand hat. Period.
Wenn du dennoch so tun möchtest möchtest, musst du den Scrollbar des Elements entfernen (overflow: hidden) und ein paar Elemente erzeugen die So aussehen als wären sie ein Scrollbar. Auf die diese Elemente setzt du entsprechende events die das Scrollen mit dem Mausrad, das klicken auf die Pfeile, das verschieben mit der Maus per Drag&Drop, das drücken der Bild-Oben- und Bild-Unten-Taste, der Tabulator-Taste, der Arrow-Keys [...] simuliert.
Grob gesagt, es ist ein irrer Aufwand der mit ziemlicher Sicherheit niemals 100%ig sicher funktionieren wird, die Erwartungskonformität bricht und eben einen irren Programmieraufwand verursacht. Zudem wirds ohne JavaScript nicht funktionieren.
Welcher Webdesigner auch immer sowas verbricht hat nicht viel Ahnung von seinem Handwerk - mach ihm das klar. Wenn das aus irgend einem Grund nicht möglich ist, bleibt dir nichts anderes übrig als diesen Schwachsinn zu programmieren da es - wie oben schon erwähnt - keine Lösung dafür gibt, da es schlichtweg nicht vorgesehen ist.