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 ).
No extra divs, no cross-browser problems, no hacks, no need for
max-width - all nice and tidy really. Or have I missed something?
regards,
D#
______________________________________________________________________
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/
