Good pattern for DIV Tables

Good pattern for div tables

/* divTable */
.divTable { position: relative; }
.divTable .row { position: relative; }
.divTable .row .c1 { position: absolute; top: 0px; }
.divTable .row .c2 { position: absolute; top: 0px; }
.divTable .row .c3 { position: absolute; top: 0px; }

/* change the divTable dimensions for different situations (always set .row height) */
.LShape .divTable { width: 682px; }
.LShape .divTable .row .c1 { left: 0px; width: 227px; }
.LShape .divTable .row .c2 { left: 227px; width: 227px; }
.LShape .divTable .row .c3 { left: 454px; width: 228px; }
.LShape .divTable .indented { padding: 0px 13px; }

Note:  c2 starts where c1 left off and c3 starts where c2 ends.

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s