.ib {display: inline;} .r {zoom: 1;} .r:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; } .c {float: left;} .ib {display: inline-block;} .t {display: table;} .r {display: table-row;} .c {display: table-cell;} #Variables.WindowTitle#

Something Pseudo-Tables Can Do that Tables Cannot
(Fieldset Tags between Table and Row Tags)

This table shows what happens if you use <fieldset> between <table> and <tr>
Fieldset tags are kicked out of the table because they're not inside a td.

Job

Employee

Contact Information

Category:	Hourly Salaried
Title:
First Name:
Middle Initial:
Last Name:
Phone:
Fax:

This div shows what happens if you use <fieldset> between pseudo-table classes for table and row (in this case, <div class="t"> and <div class="r">).
Fieldsets work.

Fieldsets also result in indentation relative to non-fieldsetted rows. You can compensate for that in CSS. For example, you can have a <div class="nofieldset"> that you set to have the same padding-left as fieldset's padding-left plus border-left, which you also control in CSS to eliminate cross-browser incompatibilities. Then just alternate your grouped rows between <fieldset> and <div class="nofieldset">. Simple!!

Alternatively, and more accessibly, you can use fieldsets liberally, as shown here. (Fieldsets can be pretty gorgeous, don'tcha think? You may find you really, really love them, now that pseudo-tables make them easy to use.)

Job

Category:

Hourly Salaried

Title:

Employee

First Name:

Middle Initial:

Last Name:

Contact Information

Phone:

Fax:

Something Pseudo-Tables Can Do that Tables Cannot(Fieldset Tags between Table and Row Tags)

Something Pseudo-Tables Can Do that Tables Cannot
(Fieldset Tags between Table and Row Tags)