Hi all,
I have been having a problem with my HTML rendering as it should. I'm
using tables as containers to organize the home page of my application.
It contains a lot of images, text boxes, Submit buttons (all on the same
page). Well, the rendering problem was that IE appeared to ignore the height attribute on the <td> when height was specified at anything less than 15.
Now, I don't know about everyone else, but the importance readability of
code has been pounded into my head since school. So, of course, I've been
trying to make my HTML code as readable as possible.
For example:
<table>
<tr>
<td height="5" width="100">
<img src="imageName">
</td>
</tr>
</table>
DO NOT do this!
Whitespace is the reason my smaller cell heights were not rendering correctly. Do not use spaces or line breaks between the
<td> tag and the contents of the cell!
I changed my code as follows:
<table>
<tr>
<td height="5" width="100"><img src="imageName"></td>
</tr>
</table>
and it renders beautifully.
I'm sure there are a lot of HTML experts out there who knew this,
but I posted this in hopes that I could save someone (even
one person) some time and frusteration.