On 21/09/2007, juliann wheeler <[EMAIL PROTECTED]> wrote: > > Does anyone else want to take a stab at this? > > Here's the problem: > I am creating an HTML email (So I have to use tables instead of CSS) > > Here is my original design: > > http://www.pcg-advisors.com/Newsletter/pcgnewsletter9_07_p2_is.html > > It looks great in Firefox, but in IE there is a large gap of white space > after the third paragraph and the next header "Representative PCGA Deals". > And other similar white gaps of space further down the page. > > Someone suggested that I should not put the whole thing in one table, so I > broke up the content into three tables (one for the header, one for the > column on the left, and one for the column on the right).
That's where your problem lies. When you have to think of tables for layout, you need to look at rows not columns. So by all means keep the header as one separate table, but the main content should be one table with two "columns" (cells) in it - one for the yellow and one for the purple. Something like: <table> <tr> <td id="yellow">This is the yellow column</td> <td id="purple">This is the purple column</td> </tr> </table> Of course, this is exceptionally simplified, but is basically what you want. Also don't forget that if you're going to do any CSS styling you're going to have to make it inline since most mail clients don't handle external stylesheets and some don't even handle CSS "in the head". Best of luck! Seona. ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
