Following Chris' CSS question, I have a (hopefully) quick one of my own.
How to I convert the following table code to CSS (on the grounds that tables are bad): <table> <tr><th colspan=2>Heading</th></tr> <tr><td>Menu</td><td>Content</td></tr> <tr><td colspan=2>Footer</td></tr> </table>
To keep it simple I haven't styled the table but assume it represents the whole "page" of a fairly typical layout where there's a header and footer, and between them a menu on the left and content on the right.
It's staightforward to do this with floating DIVs except that with the table, the menu and content cells are (by definition) the same height, so if (for example) I style the cell backgrounds then the whole of the cell gets coloured. With floating DIVs I get whitespace around the menu and content DIVS. Also, I'm not sure how to convert a table of width/height 100% to a CSS equivalent.
I know this is basic stuff but when it comes to CSS I just don't "get it" :-(