Previous Message
Next Message

Floating fieldsets for multi-column forms

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


Ann Adamcik wrote:
> http://indigopear.com/Clients/CollabMed/adminForm_template.html

> 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 :-)
Anyway...

> (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
IE-problem.

regards
	Georg
-- 
http://www.gunlaug.no
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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/
Previous Message
Next Message

Message thread: