td height in IE being ignored

[ThomasJSmart]

ok.. IE is driving me crazy (again -_-)

i got a table, works lovely in firefox, but is messed up in IE,

the thing is the height of a TD is being ignored...

the simplified version of my table:

<table width="970" height="100%" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td align="right" valign="top" width="142">&nbsp;    </td>
    <td align="right" valign="top" width="18"></td>
    <td align="left" valign="top" width="21">&nbsp;    </td>
    <td align="left" valign="top" width="585">&nbsp;</td>
    <td align="right" valign="bottom" width="204" rowspan="2"><img src="img/fotos/5.jpg" width="204" height="510"></td>
  </tr>
  <tr>
    <td colspan="4" align="center" valign="bottom" height="40"><img src="img/bottom.gif" width="766" height="40"></td>
  </tr>
</table>

the td with the bottom.gif img and height=40 is not actually showing as 40 in IE, it is in firefox,
in IE its more like 80-100 : /

can this be fixed ??


I learned a bit yesterday, today i learned a lot, imagine what i'll learn tomorrow!

 

[Vragabond]

I would call that the pitfalls of table based layouts. Tables are just not exact enough cross-browser for the complex use in layouts. You could try with something like [tt]table-layout: fixed;[/tt] on your table style, but I would just move away from table based layout.

 

[robherc]

Maybe adding the height attribute to your [tt]<tr>[/tt] tag would cause I.E. to recognize it? I'm not sure, but I think I remember something liek that from about 8 years ago when I was actually trying to get tables to work cross-browser. (I've since moved to usings frames, iframes, and divs whenever possible)



I hope this helps;
Rob Hercules

http://www.Robherc.com