I want to create a website with a sort of three-column background, where the central column has the actual content, and the sides are for decoration.
It seems to be a relatively popular design (I see it often on blogs, but its on many websites). Most Tumblr blogs are good examples, they have the content in the middle, and they have colors on the sides. The size of the content doesn’t change as you resize the window, but the sides do.
I’d like to do something similar, except have the sides consist of images, using CSS. I want a website with effectively three columns: one in the middle (of fixed width) consisting of a certain background image to hold the content (the background image must tile to cover the entire column, which is acceptable, the image is designed in that manner), and two columns on either side of the middle content column (also consisting of tiled images in the background). The two side columns must be resizeable, and the image must tile as the page expands, without changing the size of the middle content column. The issue is, I don’t have much of an idea how to tackle this problem (there’s plenty of guides on how to create three column layouts, but none covering the sort of three column background with tiled images). How would I create such a website?
Try using this as a starting point:
http://www.noupe.com/css/9-timeless-3-column-layout-techniques.html