Basic styling for forms

It also occurred to me that perhaps if you have inner items floated the form element is collapsed; you might need to add a clearfix type of empty element at the bottom; or else have your last element styled to clear.

http://stackoverflow.com/questions/731907/auto-adjust-container-div-height-to-accomodate-absolutely-positioned-child-div

especially check the second response.

Thanks Susan, I will debug this, somehow in my hacks the table structure got messed up.

I changed the title to make it more useful to others, anyway this thread can provide basic styling for anyone who needs an easy start.


Quote from: sottwell at Feb 15, 2011, 09:15 AM

It also occurred to me that perhaps if you have inner items floated the form element is collapsed; you might need to add a clearfix type of empty element at the bottom; or else have your last element styled to clear.

http://stackoverflow.com/questions/731907/auto-adjust-container-div-height-to-accomodate-absolutely-positioned-child-div

especially check the second response.

Did you try adding display:block; or display:inline-block; ?


If that doesnt work try adding a width or a height to the form.

Thanks JNJN, I just posted a new thread with a working, validated version of the eform with some styling, if you have any suggestions I would love to hear them.