Hi all, I'm working with a design that aligns several (well, 2, 3, or 4) 'panels' in a 2 'column' grid, a bit like:
[1] [2] [3] [4] These are contained in a fixed-width box, and the mechanism currently used is to float 1 & 3 to the left, float 2 & 4 to the right, assign fixed widths, and leave the remaining width as the gutter. While this works, if anyone updates the panels by swapping their order, and forgets to reassign the class names, everything breaks down. The challenge is to 'bulletproof' this design, whilst keeping all widths at their current values. My immediate thought to fix this was to float the 4 panels to the left, assign left and right margins (half the gutter width) to them, and introduce an intermediate wrapper between the existing fixed-width box and the panels, then set negative left/right margins on this new wrapper. Works like a treat in Firefox, falls down horribly in IE. Anyone have any better solutions? I want to avoid CSS hacks to 'fix' IE, if at all possible (but can ignore IE5). 'Real' examples at: http://www.fiveminuteargument.com/single-gutter-multiple-floats Cheers, - Bobby ______________________________________________________________________ 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/
