overflow-x:hidden; -> pageimage ist breiter als Seite

[ElMariachi]

Hallo,

ich habe eine Seite, bei der ich im Header (außerhalb des #wrapper) ein pageimage habe, dass 1.900px breit ist. Der #wrapper ist 960px breit. Jetzt beginnt der horizontale Scrollbalken natürlich unterhalb von 1.900px. Jetzt könnte ich ins CSS:
body
{
overflow-x:hidden;
}
schreiben, aber dann bekomme ich natürlich gar keinen hor. Scrollbalken mehr. Ich möchte ihn aber unter den 960px schon gerne haben.

Da ich im CSS:
#pageimage
{
width: 1900px;
margin-right: auto;
margin-left: auto;
}
habe, erschreint der Scrollbalken eben bei 1.900px. Wisst ihr, wie ich das umgehen kann?

[Flex]

http://www.w3schools.com/html5/att_link_media.asp

Besonders die Values mit width sollten für dich interessant sein.
Das funktioniert nicht in allen Browsern...

Als Alternative würde mir hier nur JavaScript einfallen, d.h. Viewport Größe bestimmen und dementsprechend die Breite setzen.