tags:

views:

1961

answers:

3

I've researched for hours and still haven't found a robust, non-absolute-positioning solution for displaying multiple-column forms and values without using TABLE tags.

Can someone point me to a resource specifically oriented towards reproducing table-based, multiple-column forms (like name and address forms) in CSS to standards?

Most of the forms I see only have a single column with field/value.

+2  A: 

I didn't find a clean way to make this with CSS that works without problems in most major browsers and I doubt it exists. Most 'solutions' use hacks and 'fixes' to workaround a current lack of support for this kind of layout. While table based layout has its downsides it is the cleanest solution for what you are probably trying to achieve.

If you need a 'table layout' just use a table.

Aleris
I suppose that depends on your interpretation of the word "cleanest".
Steve Perks
@Steave Don't get me wrong, I would love to use a CSS techique for this kind of layout, I just didn't found it yet. Even the most credible approach linked above uses javascript and a few CSS hacks to get it. Not to mention the width: 120px that might cause some problems with variable size labels (localized strings for example).
Aleris
A: 

Wow, you people are just eager to keep using tables. Do the world a favor and read this: http://articles.sitepoint.com/article/fancy-form-design-css

Personally, I've found that the "display" attribute is key on web form layout design.

Weeber
The poster asked for a MULTI-COLUMN solution. While nice, that article does not address the problem.
Kevin Pauli