I'm new to the list and I've got a layout question that I haven't been able to track down elsewhere. I'm just starting to work with negative margins. My problem may indeed have a simple fix, but it's got me stumped.
I've put up an example page at http://r-t-i.net/layout.html . In the layout, the idea is to have all the orange/gold/firebrick elements centered with the #branding element (firebrick color) extending beyond its containing div equally on either side. The gold/ orange elements should be (and are) flush left when the browser window is less than or equal to 900px. Most of the colored elements are 900px wide. #branding is 1200px wide so you'll need to stretch out your window a bit to see what breaks. Firefox and Safari correctly show the #branding element center aligned with the other colored elements regardless of the width of the browser window. In IE however, #branding starts out centered but shifts once the browser window expands beyond the 900px width. I want to find an elegant way to fix this. Not sure if it's a box model bug, another IE quirk, or what... :-/ I've tried to remove as many nonessential elements from the layout as possible so you can see what's happening. Thanks for taking a look. Gawain ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
