Dreamweaver - spacing interpreted differently in IE 6.0 for PC

Author

spacing interpreted differently in IE 6.0 for PC

bb555

2004-02-29, 10:28 pm

Can anyone help? I just switched to DW2004 on Mac. My final site looks good on
Mac in Netscape and in IE and looks good on PC in Netscape. However, in IE 6.0
for PC, there is extra spacing below each of my h1 and h2 headers(I'm using
CSS) and it looks terrible. I can't see what's wrong and can't seem to fix it
from DW on either Mac or PC. "I've done nothing with Positioning in CSS--only
set fonts, sizes and colors (no line heights either). Here' s code for one
problem page (below) or look at www.afinety.com/bb/pages/about.htm
Thanks!

<tr>
<td width=" " height=""
valign="default"><h1>Strategic
Alliances</h1></td>
</tr>
<tr>
<td width=" " height=" " align="center"
valign="top">
<table width="490" border="0"
cellspacing="0" cellpadding="0" align="right">
<tr valign="bottom">
<td ><h2><font face="Verdana, Arial,
Helvetica, sans-serif" ><b>Software
- Legal</b></font></h2></td>
</tr>
<tr valign="top">
<td width=" " height=" ">
<table width="490" border="0"
cellspacing="0" cellpadding="2" align="right" vspace="0">
<tr>
<td width="8"> <font
face="Verdana, Arial, Helvetica, sans-serif" color="#000000"><img
src="../assets/bullet_red.gif" width="7" height="7"></font></td>
<td><font face="Verdana,
Arial, Helvetica, sans-serif" color="#000000">ProLaw
Time & Billing,
Management,
Docketing</font></td>
</tr>
<tr>
<td> <font face="Verdana,
Arial, Helvetica, sans-serif" color="#000000"><img
src="../assets/bullet_red.gif" width="7" height="7"></font></td>
<td><font face="Verdana,
Arial, Helvetica, sans-serif" color="#000000">Juris
Time & Billing
</font></td>
</tr>
<tr>
<td> <font face="Verdana,
Arial, Helvetica, sans-serif" color="#000000"><img
src="../assets/bullet_red.gif" width="7" height="7"></font></td>
<td><font face="Verdana,
Arial, Helvetica, sans-serif" color="#000000">Vision
Compu Law Calendar &
Docketing </font></td>
</tr>
<tr>
<td> <font face="Verdana,
Arial, Helvetica, sans-serif" color="#000000"><img
src="../assets/bullet_red.gif" width="7" height="7"></font></td>
<td><font face="Verdana,
Arial, Helvetica, sans-serif" color="#000000">Perfect
Law Time & Billing,
Management,
Docketing</font></td>
</tr>
<tr>
<td> <font face="Verdana,
Arial, Helvetica, sans-serif" color="#000000"><img
src="../assets/bullet_red.gif" width="7" height="7"></font></td>
<td><font face="Verdana,
Arial, Helvetica, sans-serif" color="#000000">Time
Matters Case
Management</font></td>
</tr>
</table>
</td>
</tr>
<tr>
<td height="12"
valign="default"> </td>
</tr>
<tr>
<td valign="default"><h2><font
face="Verdana, Arial, Helvetica, sans-serif"><b >Software
- Accounting</b></font></h2></td>
</tr>
<tr>
<td width=" " valign="top">
<table width="490" border="0"
cellspacing="0" cellpadding="2" align="right">
<tr>
<td width="8" align="center">
<div align="center"><img
src="../assets/bullet_red.gif" width="7" height="7"></div>
</td>
<td><font face="Verdana,
Arial, Helvetica, sans-serif" color="#000000">Lacerte
Tax Preparation</font> </td>
</tr>
<tr>
<td>
<div align="center"><img
src="../assets/bullet_red.gif" width="7" height="7"></div>
</td>
<td><font face="Verdana,
Arial, Helvetica, sans-serif" color="#000000">Pro
System FX Tax
Preparation</font></td>
</tr>
<tr>
<td>
<div align="center"><img
src="../assets/bullet_red.gif" width="7" height="7"></div>
</td>
<td><font face="Verdana,
Arial, Helvetica, sans-serif" color="#000000">Creative
Solutions Tax Preparation,
Accounting</font></td>
</tr>
</table>
</td>
</tr>
<tr>
<td height="12"
valign="default"></td>
</tr>
<tr>
<td><h2><font face="Verdana, Arial,
Helvetica, sans-serif"><b>Software
- Real Estate</b></font></h2></td>
</tr>
<tr>
<td width=" " valign="top">
<table width="490" border="0"
cellspacing="0" cellpadding="2" align="right">
<tr>
<td width="8" height="21">
<div align="center"><img
src="../assets/bullet_red.gif" width="7" height="7"></div>
</td>
<td height="21">
<p><font face="Verdana,
Arial, Helvetica, sans-serif" color="#000000">MRI
Property Management &
Accounting</font> </p>
</td>
</tr>
<tr>
<td>
<div align="center"><img
src="../assets/bullet_red.gif" width="7" height="7"></div>
</td>
<td>
<p><font face="Verdana,
Arial, Helvetica, sans-serif" color="#000000">Yardi
Property Management &
Accounting</font></p>
</td>
</tr>
<tr>
<td>
<div align="center"><img
src="../assets/bullet_red.gif" width="7" height="7"></div>
</td>
<td>
<p><font face="Verdana,
Arial, Helvetica, sans-serif" color="#000000">Skyline
Property Management &
Accounting</font></p>
</td>
</tr>
<tr>
<td>
<div align="center"><img
src="../assets/bullet_red.gif" width="7" height="7"></div>
</td>
<td >
<p><font face="Verdana,
Arial, Helvetica, sans-serif" color="#000000">Argus
Financial
Analysis</font></p>
</td>
</tr>
<tr>
<td>
<div align="center"><img
src="../assets/bullet_red.gif" width="7" height="7"></div>
</td>
<td>
<p><font face="Verdana,
Arial, Helvetica, sans-serif" color="#000000">CTI
</font></p>
</td>
</tr>
<tr>
<td>
<div align="center"><img
src="../assets/bullet_red.gif" width="7" height="7"></div>
</td>
<td >
<p><font face="Verdana,
Arial, Helvetica, sans-serif" color="#000000">Pro
Lease Analysis </font></p>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td> </td>
</tr>
</table>
</td>
</tr>
<tr>
<td width=" " height="44" valign="middle">

trx

2004-03-01, 1:28 am

bb555 wrote:
> However, in IE 6.0
> for PC, there is extra spacing below each of my h1 and h2 headers

Try getting rid of the cellpadding here:

<table width="500" border="0" cellspacing="0" cellpadding="3">

Then in your stylesheet add this to the styles for h1 and h2:

margin-bottom: 0;

That should get rid of the spacing. To get some back, increase the value
for margin-bottom until you get something you like.

--
trx

bb555

2004-03-01, 2:28 am

TRX: You're a genius. It worked like a charm! Thank you so much for your
response--You saved me from what surely would have been a frustrating
all-nighter trying to figure this out. Who knew you had to actually set the
margin to '0'
to make it '0'???

trx

2004-03-01, 3:28 am

bb555 wrote:
> TRX: You're a genius. It worked like a charm! Thank you so much for your
> response--You saved me from what surely would have been a frustrating
> all-nighter trying to figure this out. Who knew you had to actually set the
> margin to '0'
> to make it '0'???

Glad it worked out for you. I don't know why IE was stumbling over this
when the other browsers weren't. People will tell you that CSS can be
frustrating, but sometimes a table problem can drive you crazy too. One
little tip: Very often when you see extra space like this it is default
margin on something, and headings and paragraphs should be high on your
list of suspects. Good luck with the site.

--
trx