Here is my mystery: How to create a 3 column design with a fixed browser-centered coloumn and 2 liquid side-bars: - 1 left side-bar floated to left that expands to the browsers available left space (This column is used only to display a BG image repeated -x) - 1 centered fixed-width column holding the main content - 1 right side-bar floated to right that expands to the browsers available right space (This column is used only to display another BG image repeated -x) In other words, It has to be a centered design that has a "x-stretchable" background to its the left and a different "x-stretchable" background to its right. ANYONE ?
Presumably you are asking this as you now divs don't align... Have you looked at using faux columns, or a variation of? http://www.alistapart.com/articles/fauxcolumns/
Since they're background images, why not set one image on the body, the other image on a page-wrapping div that's a direct child of the body, and then have your "middle part" be just the rest of the page, with a set width and auto-margined to center? Actually, since the middle is fixed width, you could just do ONE background image on the body. I've seen it done, one large image with two designs, one for each side of the middle part. Someone had just pm'd me and sent me a link to a site which did just that. It was a UK developer site and had the word "marketing" in the url/sitename. And the "theme" was something to do with biting? The bg image was two vectored splorches of... stuff. Which looked like two different images but was actually just one big one.