Firefox Table Rendering problems

[Drummer_si]

I've always hated Firefox.. But being a web site designer I guess I have to design for it... Basically.. My tables are not rendering properly in Firefox.. I set the table row height to 1px and it comes out at least 5pixels high - Which messes up the entire design...

here is an extract of the code i'm using:

<table width="100%" border="0" align="center" cellpadding="2" cellspacing="0" class="tablecol">
<tr>
<td height="1" colspan="6" align="center" bgcolor="#000000"></td>
</tr>
</table>

Anyone have any ideas how to solve this?

[Robin_reala]

You've got a cellpadding of 2 on the table which I guess is padding your 1px high cell out to 5px. Remove the cellpadding?

[Drummer_si]

Thanx for the tip there Robin_reala.. That did the job.. Unfortunately it made the text way to close to the table border so I added a ' style="padding: 2px;" ' section to the TR tags and it all rendered as I planned - Padding the content section, and not the "divider lines"..

Thanx again! :D

[Robin_reala]

Glad to help. Firefox is usually rendering your HTML + CSS correctly, whereas IE lets a lot of stuff slide. Remember that you don't have to target Firefox as a 'browser to code for', just target web standards and stuff will nearly always work out correctly.