On 29-jul-2006, at 17:19, David Sharp wrote: > Bart Zonneveld wrote: >> Thanks a lot! >> Really helped me going in the right way. >> So far, I managed to get it all to work in Firefox. >> See http://20kmiles.dyndns.org/djtrx/ >> >> > > I'm confused - if there is no content in the right and left divs, > then all this seems to be a lot of trouble. > > Why don't you simply make both backgrounds (left and right) part of > the one image with 746px (the width of your main div) of #DEDEDE in > the in between them. If you are worried about the size of the > background file, use a gif as all that blank space will compress up > nicely. Apply this background image to the body element using top > center (in case the browser window is bigger than your image) no- > repeat. Get rid of the #left #right and #main divs. Then center > your #content div using {margin : 0 auto} - ( body {text-align : > center} #content {text-align : left} will make things backwards > compatible with IE<6 ).
Maybe my explanation wasn't clear enough, so let me clarify :). I specifically want the left and right column to be as big as they can for the current browser window, while the center column should always be a fixed size. That way, on a small resolution, the left and right columns take up less space than on a big resolution, with the center column always having enough available space for it. Hope that clarifies sth :) regards, bartz ----------------------------------------- 07-07: MFF @ SJU http://www.movement-agency.nl/ http://guerata.blogspot.com/ Listen to my mixes @ http://20kmiles.dyndns.org/mix/ ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
