Ralf Heumann: 100% breites Div wird beim seitwärts scrollen "weggescrollt"

Beitrag lesen

Hallo,

ich habe ein Problem und dazu ein Testcase erstellt:
< http://www.janus-wa.de/test/>

Mein Hauptproblem ist in erster Linie mein Container-Div (blauer Rahmen)
Dieses hat eine 100% Breite, genauso wie der Header (rot)

Der Content-Bereich (grüner Rahmen) hat hingegen eine feste Breite.

Mein Problem hängt nun mit dem seitwärts scrollen zusammen (ein Kunde hat mich auf das Problem bei seiner Website aufmerksam gemacht):

Wenn man das Browserfenster nun so weit in der Breite verkleinert, bis der Container kleiner wird als der Content-Bereich, so erscheint der vertikale Scrollbalken. Scrollt man diesen nun nach rechts, so werden der Container und der Header "zur seite gescrollt".

Jetzt ist es auf der eigentlichen Website ja so, dass der Container keinen Rahmen besitzt. Das ganze macht sich aber - ähnlich wie hier beim Header - bei einer Breadcrumbs-Leiste bemerkbar, die unter dem Header sitzt, eine gekachelte Hintergrundgrafik besitzt und immer rechts und links mit dem Viewport abschließen soll. Beim Scrollen "dockt" diese rechts nicht mehr an.

Ich brauche hier natürlich einen Lösungsansatz der auch im IE6 funktioniert.. :/

Was kann ich hier tun? Kennt jemand evtl. eine Referenzseite?

Vielen Dank für die Hilfe und viele Grüße
Ralf