I have a site design I'm working on that makes use of both tables and CSS. The design uses rounded tables, giving it a modular look. The main section of the page (ie. between the navbar and footer) is a 2-column layout, with 2 smaller rounded boxes on the left sidebar and a large rounded box for the main content area.

As the content in the left sidebar (the 2 smaller boxes) extends the page downward, the main content area needs to extend down to equal the height of the left sidebar. I had assigned a "height=100%" to the cell that contains the main content area and it's working great in FireFox. But in IE7, it doesn't work at all.

Does assigning a height to a table or cell not work in IE7?

How can I get the rounded table in the main content area to equal the height of the left column?

Thank you,
Ron

Hmmm...., I think I know what you mean. Can you pm me or email me with your whole page html?

I'm sure I can help you fix this right away.

I'm new to this forum so I'm not sure if you're able to contact me directly. If not, just post and I'll help you out - not problem.

Do you have a doctype on your page?

I have an XHTML Transitional Doctype.

Well, like Rebex said, post your code or a link to the page.

table height is invalid and won't work in compliant browsers. May work if you put the browser into quirks mode (not using a valid doc type), but I wouldn't ever recommend doing that.

Your tables are working correctly - tables / cells expand and contract depending on what is inside them. You may be able to do the 'equal column' thing using javascript - but I'm no JS guru and can't help there

Nadia