Previous Message
Next Message

Floating fieldsets for multi-column forms

Sent by Gunlaug_Sørtun on 14 March 2006 22:10

Ann Adamcik wrote:

> Can someone point me in the right direction?  My brain seems to have
>  run out of things to try...

Don't know in what direction the following will point. My brain seems to
have left the building :-)

> (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 should at least partially solve both the above.

> (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;}

....which does look a bit more "the same" in all my browsers.

> (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
another 'hasLayout' trigger (height: 100%) does improve on the first

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

Message thread: