Previous Message
Next Message

Floating fieldsets for multi-column forms

Sent by Ann Adamcik on 15 March 2006 05:05

----- Original Message ----
>> (IE) The second fieldset doesn't drop down until the window is very 
>> narrow.
>> (IE) The border of the content area shows gaps on resize (non-form
>> pages are fine).
>Try adding a 'hasLayout' trigger...
>#contentPanel {height: 100%;}

 That helps a lot!  I've read  the hasLayout info a couple of times and it just 
 didn't make sense to me.  Time to look at it again and hope my eyes don't
 glaze over this time.   ;>
>> (IE) I'm not getting the padding at the top of the fieldset.
>Try making the following changes to where those paddings, and margins, go...
>fieldset {padding: 0 10px 20px 10px;}
>legend {padding:  20px 5px; margin: 0 5px;}

Oh geez, I shoulda been able to figure that one out.
>> (All) I'd like the whole form to be centered.
>Adding a wrapper-div around everything inside #contentPanel, with the
>following styles...
>#centered {margin: 0 auto; display: table; height: 100%; background: #fff;}
>...will make all good browsers center nicely. IE6 won't center since it
>doesn't understand 'display: table', although such a wrapper with

 Great, I'll take it.   Thanks so much for your help, Georg!
>    Georg

css-discuss [EMAIL-REMOVED]]
IE7b2 testing hub --
List wiki/FAQ --
Supported by --
Previous Message
Next Message

Message thread: