I have a website with a centered fixed width div (the div is centered using margin-left: auto). Now I want to show to the left and right of this div some images. The images should not affect the scrolling of the browser window. If the resolution is too small the images should be cut off, without showing a scrollbar in the browser. But if there is not enough space for the centered div a scrollbar should appear.
How can this be achieved?
Edit: Site without images on the left / right is available here: http://b-sides.ch/openair12/
i would put images as a background of the page (body background) as a single jpg. Keep a space between the images that is equal the width of your centered div.
But maybe you should show your code.