Table Display in Firefox Problem

[morestar]

Hi everyone and thank you for your time.

I have a website that I've worked on, an obvious monster template but anyways, if you view this page: Toronto GTA General Contracing for Fences & Decks to Landscaping and Interlocking Ontario you can see that in firefox the table padding doesn't quite sit as nice as it does in Internet Explorer.

Can someone give me some direction on how I could make the padding of the table look exactly the same in firefox as it does in internet explorer?

Every help will do and thanks so much in advance...

[wige]

I believe cellpadding attribute in the table tag is deprecated in Firefox. I would suggest testing the page with each table cell having a class which has an associated padding set in the stylesheet.

[morestar]

ofcourse but doing so would change the look of the page in IE - i wouldnt want that to happen...

[Dubbya]

As usual, Wige is correct. Here's what he's trying to say:

You can apply a CSS style specifically to the image table by assigning it an id. There's no need to specify the cellpadding in the table tag and the CSS style will work the same in any browser.

For example:

<style>
  table#imagetable td{ padding: 10px; }
</style>

<table id="imagetable" border="1">
  <tr>
    <td>put an image in here</td>
  </tr>
</table>

.02

[morestar]

Thanks Dub, thanks, Wige, i KNOW i could have figured this out myself but sometimes I get so discouraged with FF, I just don't get why we have to have so many browsers...and why they don't all work the same...

well thanks guys, i'll apply this soon...

[RegDCP]

I have long since given up adding table or cell padding so that cross browser compatibility is improved.

If I do not add the entries to the CSS I use paragraph formatting to give my desired padding.

Reg

[Sales-Training]

And of course make sure you specify line-height in the css.