Horizontales Scrollen verhindern

Ahoi,

ich weiß gar nicht, ob es mit CSS überhaupt möglich ist, und bisher ist es mir bei anderen Projekten auch nicht aufgefallen, aber wenn ich das horizontale Scrollen verhindere (z. B. über overflow-x:hidden), verschwinden natürlich die Scrollleisten, jedoch ist es dennoch möglich, per mittlerer Maustaste (wer dieses feature aktiviert hat) zu scrollen.

Kann man dies per CSS unterbinden?

Seite: http://download.technosatz.de/saalfinder(Ornamentgrafik hinter dem Headerbild)

Grüße

Hi,

Seite: http://download.technosatz.de/saalfinder(Ornamentgrafik
hinter dem Headerbild)

hier sind zwei Grafiken als Hintergrundbilder eingebunden, die natürlich keinen Scrollbalken erzeugen. Etwas aufwändiger hatte ich das horizontale Scrollen bei http://css-layout.de/ mal soweit wie möglich vermieden.

Gruß
Ingo

Hallo,

ehrlich gesagt: darauf weiß ich keine konkrete Antwort. Und ist es (bei diesem Design) wirklich entscheidend, ob jemand mit der mittleren Maustaste nach rechts scrollt? (Die allerallermeisten Seitenbesucher kommen sowieso nicht auf die Idee, das zu machen bzw. auszuprobieren.)

Schließlich wird das Seitendesign auch nur dargestellt, wenn man JavaScript aktiviert (wie ich feststellte).

Ich denke, es ist ein Problem mit dem strukturellen Aufbau des HTML bzw. wie die Header-Grafik (das Ornamet) eingebunden ist. – Wie wäre es, wenn Du ihm einen eigenen Container verpasst, den Du mit „position-fixed“ oder „position-absolut“ an der Stelle hältst, während Du gleichzeitig den Fluss des HTML solange korrigierst, bis dass die Scrollbalken von selbst verschwinden. (Guckst Du: http://jendryschik.de/wsdev/einfuehrung/eigenschafte…) Denn das erscheint mir, wenn Dir wirklich an dieser Sache liegt, die naheliegendste Problemlösung, wenn auch die zeitaufwändigste.

So, das waren meine 2 Cent…
CU, DF

Das horizontale Scrollen tritt in Umgebungen auf, die weniger breit als 1350px sind, weil deine div#ornaments_wrapper diese Breite hat.
Du könntest das Hintergrundbild als einfügen, und auf 100% skalieren, und per Media-Query skalieren, wenn die Seite kleiner als 1350px ist.

Dann könntest du auch die Frickellösung mit dem negativen margin entfernen und ein margin: 0 auto; einfügen.

Ohne Media Query seh ich da wenig Lösungen, außer das Design zu überdenken.