this was straight to the point, just what I needed.

So, is it possible to have the flexibility of this Sangraal layout with columns that truly are all the same height, and change height dynamically?

Not off the top of my head but I will investigate into this.

“Never use a table for layout” is a philosophical position with which I respectuflly disagree.

Web development is as much about making designs look right as it is making it flow right. We as web developers need to cater for so much more. Try going through one of your table based layouts with a screen reader you’ll truly see that tables should never be used for layout and is certainly not a philosophical position, but rather the correct position.

A few years ago when I experimented with the CSS table property, I wasn’t happy with the results on the browsers available at the time, particularly IE and Opera. I’ll have to revisit that.

So, is it possible to have the flexibility of this Sangraal layout with columns that truly are all the same height, and change height dynamically?

“Never use a table for layout” is a philosophical position with which I respectuflly disagree. My vew is, if you want something that behaves exactly like a table, then use the right tool for the job. I have found that the markup for a 2- or 3-column table is often simpler and more straightforward than the div soup one must create to accomplish the same behavior.

However, the problem I have with it is that if you use different background colors in each column, the colors don’t fill down to the bottom of the tallest column. The layout is dynamic in width, but not in height.

Easy fix, use a background image on the body or the container div to fake the background extending evenly. See faux columns.

The only way I know to accomplish a true 3 column fluid layout where all columns are all the same height and dynamic, is with a table.

Never use a table for layout, a table should only be used for it’s intended purpose of displaying tabular data. If you really want the ease of tables in your layout take a look at the CSS table property.

However, the problem I have with it is that if you use different background colors in each column, the colors don’t fill down to the bottom of the tallest column. The layout is dynamic in width, but not in height.

The only way I know to accomplish a true 3 column fluid layout where all columns are all the same height and dynamic, is with a table. I observe that sangraal has the same nesting depth of div tags as a table, so a table isn’t really a more complex layout.

-Alex