Table help with Firefox vs. IE

Link to page with question is
http://www.risd41.org/ri/alumni/1968...n%20Invite.htm Table
looks like I want it too in IE 7 but rows are spaced out too far apart in
Firefox. How can I make the Firefox result the same as IE 7 (without changing
IE 7 result)

Hello,

The fastest thing to do is just re-create the inner table. Getting rid of
that bad MS Word HTML will do wonders.

In code view, change this:

<table width="406" border="0" align="center">
<tr class="MsoNormal">
<th colspan="3" scope="col"><div align="left" class="style4">
<p class="MsoNormal">Cost breakdown:</p>
</div></th>
</tr>
<tr class="MsoNormal">
<td width="85%"><div align="center" class="style4">
<div align="left">
<p class="MsoNormal">Friday and Saturday activities (includes
booklet)<o></o></p>
</div>
</div></td>
<td width="4%"><p class="style4">$</p></td>
<td width="11%"><div align="right" class="style4">
<p>40.00</p>
</div></td>
</tr>
<tr class="MsoNormal">
<td><p class="style4"> Friday night munchies</p></td>
<td><p class="style4">$</p></td>
<td><div align="right" class="style4">
<p>2.00</p>
</div></td>
</tr>
<tr class="MsoNormal">
<td><p class="style4"><span class="MsoNormal ">Mailings (postcard
&amp; invite)</span></p></td>
<td><p class="style4">$</p></td>
<td><div align="right" class="style4">
<p>2.00</p>
</div></td>
</tr>
<tr class="MsoNormal">
<td><p class="style4">Booklet</p></td>
<td><p class="style4">$</p></td>
<td><div align="right" class="style4">
<p>6.00</p>
</div></td>
</tr>
<tr class="MsoNormal">
<td><p class="style4"><span class="MsoNormal ">Saturday&rsquo;s
dinner, tax &amp; gratuity</span></p></td>
<td><p class="style4">$</p></td>
<td><div align="right" class="style4">
<p>30.00</p>
</div></td>
</tr>
<tr class="MsoNormal">
<td><p class="style4"><span class="MsoNormal ">Centerpieces,
decorations</span></p></td>
<td><p class="style4">$</p></td>
<td><div align="right" class="style4">
<p>3.50</p>
</div></td>
</tr>
<tr class="MsoNormal">
<td><p class="style4"><span class="MsoNormal ">Music (D.J. or
band)</span></p></td>
<td><p class="style4">$</p></td>
<td><div align="right" class="style4">
<p>6.00</p>
</div></td>
</tr>
</table>


TO THIS:

<table width="406" border="0" align="center" cellpadding="4" cellspacing="0"
class="style4"> <tr>
<th align="left">Cost breakdown:</th>
<th>&nbsp;</th>
<th>&nbsp;</th>
</tr>
<tr>
<td>Friday and Saturday activities (includes booklet)</td>
<td>$</td>
<td align="right">40.00</td>
</tr>
<tr>
<td>Friday night munchies</td>
<td>$</td>
<td align="right">2.00</td>
</tr>
<tr>
<td>Mailings (postcard &amp; invite)</td>
<td>$</td>
<td align="right">2.00</td>
</tr>
<tr>
<td>Booklet</td>
<td>$</td>
<td align="right">6.00</td>
</tr>
<tr>
<td>Saturday&rsquo;s dinner, tax &amp; gratuity</td>
<td>$</td>
<td align="right">30.00</td>
</tr>
<tr>
<td>Centerpieces, decorations</td>
<td>$</td>
<td align="right">3.50</td>
</tr>
<tr>
<td>Music (D.J. or band)</td>
<td>$</td>
<td align="right">6.00</td>
</tr>
</table>



You might want to make a backup copy of the page, and then run DW's "clean
up Word HTML" function just to see what it will do :-).
It's under "Commands". Check all the boxes under "Basic".
It will remove a couple of hundred pieces of redundant or invalid code.

Then you can select "clean up HTML" just above it, under "Commands".


Hope that helps,

Tim

"theilliniguy" <webforumsuser (AT) macromedia (DOT) com> wrote

Link to page with question is
http://www.risd41.org/ri/alumni/1968...n%20Invite.htm
Table
looks like I want it too in IE 7 but rows are spaced out too far apart in
Firefox. How can I make the Firefox result the same as IE 7 (without
changing
IE 7 result)

Hello,

The fastest thing to do is just re-create the inner table. Getting rid of
that bad MS Word HTML will do wonders.

In code view, change this:

<table width="406" border="0" align="center">
<tr class="MsoNormal">
<th colspan="3" scope="col"><div align="left" class="style4">
<p class="MsoNormal">Cost breakdown:</p>
</div></th>
</tr>
<tr class="MsoNormal">
<td width="85%"><div align="center" class="style4">
<div align="left">
<p class="MsoNormal">Friday and Saturday activities (includes
booklet)<o></o></p>
</div>
</div></td>
<td width="4%"><p class="style4">$</p></td>
<td width="11%"><div align="right" class="style4">
<p>40.00</p>
</div></td>
</tr>
<tr class="MsoNormal">
<td><p class="style4"> Friday night munchies</p></td>
<td><p class="style4">$</p></td>
<td><div align="right" class="style4">
<p>2.00</p>
</div></td>
</tr>
<tr class="MsoNormal">
<td><p class="style4"><span class="MsoNormal ">Mailings (postcard
&amp; invite)</span></p></td>
<td><p class="style4">$</p></td>
<td><div align="right" class="style4">
<p>2.00</p>
</div></td>
</tr>
<tr class="MsoNormal">
<td><p class="style4">Booklet</p></td>
<td><p class="style4">$</p></td>
<td><div align="right" class="style4">
<p>6.00</p>
</div></td>
</tr>
<tr class="MsoNormal">
<td><p class="style4"><span class="MsoNormal ">Saturday&rsquo;s
dinner, tax &amp; gratuity</span></p></td>
<td><p class="style4">$</p></td>
<td><div align="right" class="style4">
<p>30.00</p>
</div></td>
</tr>
<tr class="MsoNormal">
<td><p class="style4"><span class="MsoNormal ">Centerpieces,
decorations</span></p></td>
<td><p class="style4">$</p></td>
<td><div align="right" class="style4">
<p>3.50</p>
</div></td>
</tr>
<tr class="MsoNormal">
<td><p class="style4"><span class="MsoNormal ">Music (D.J. or
band)</span></p></td>
<td><p class="style4">$</p></td>
<td><div align="right" class="style4">
<p>6.00</p>
</div></td>
</tr>
</table>


TO THIS:

<table width="406" border="0" align="center" cellpadding="4" cellspacing="0"
class="style4"> <tr>
<th align="left">Cost breakdown:</th>
<th>&nbsp;</th>
<th>&nbsp;</th>
</tr>
<tr>
<td>Friday and Saturday activities (includes booklet)</td>
<td>$</td>
<td align="right">40.00</td>
</tr>
<tr>
<td>Friday night munchies</td>
<td>$</td>
<td align="right">2.00</td>
</tr>
<tr>
<td>Mailings (postcard &amp; invite)</td>
<td>$</td>
<td align="right">2.00</td>
</tr>
<tr>
<td>Booklet</td>
<td>$</td>
<td align="right">6.00</td>
</tr>
<tr>
<td>Saturday&rsquo;s dinner, tax &amp; gratuity</td>
<td>$</td>
<td align="right">30.00</td>
</tr>
<tr>
<td>Centerpieces, decorations</td>
<td>$</td>
<td align="right">3.50</td>
</tr>
<tr>
<td>Music (D.J. or band)</td>
<td>$</td>
<td align="right">6.00</td>
</tr>
</table>



You might want to make a backup copy of the page, and then run DW's "clean
up Word HTML" function just to see what it will do :-).
It's under "Commands". Check all the boxes under "Basic".
It will remove a couple of hundred pieces of redundant or invalid code.

Then you can select "clean up HTML" just above it, under "Commands".


Hope that helps,

Tim

"theilliniguy" <webforumsuser (AT) macromedia (DOT) com> wrote

Link to page with question is
http://www.risd41.org/ri/alumni/1968...n%20Invite.htm
Table
looks like I want it too in IE 7 but rows are spaced out too far apart in
Firefox. How can I make the Firefox result the same as IE 7 (without
changing
IE 7 result)

Thanks! I shoulda known about the Word html - I've only been warned a million times!!!!

Thanks! I shoulda known about the Word html - I've only been warned a million times!!!!