On 8/22/2007 9:53 AM, Barney Carroll wrote: > Jay, > > 100% width isn't a problem figure – the elements you are giving the > width to are actually wider than simply their width, which causes the > problem: In your second example, you would have to remove the padding > and border of the fieldset that are added to the width by default in > most browsers. If you want the fieldset to sit entirely within the > confines of the form, you would also have to remove the padding on the > form, as so:
Ah, ok. I suspected as much for the second example, but I thought the first was something different. But after removing both the border AND the margins/padding (both of which apparently contribute to the "final width"), I see that even example 1 lines up as I'd want it to: http://www.jay.fm/files/overlappinga.html So then my problem becomes: In the example above, I want the borders, padding and margin of the (floated) fieldset to push away the (floated) right column. But they don't, and I'm guessing it's because while the fieldset is floated, its parent div is not. So those margins/padding are outside the normal flow and don't impact the parents, which are in the normal flow. In fact, even the dimensions of the fieldset don't affect the .labelled-form containing div either; the div and the form are both apparently invisible and dimensionless. So rather than setting the container size to depend on the fieldset, I see I've done the opposite; I've said to "set the *contents* of the fieldset to be as wide as one of my containing elements" - specifically, AFAICT, as wide as #center, which is the first parent that has a width itself. Am I getting that right? So how, if at all, can I get the margins and padding of fieldset to affect the right column? I can set margins/padding on .labelled-form instead, but that may not be what I always want to do. In fact, since .labelled-form needs to work both with and without fieldsets, I know it's not what I want to do. Jay ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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/
