We're calling on all EU-based Mozillians with iOS or iPadOS devices to help us monitor Apple’s new browser choice screens. Join the effort to hold Big Tech to account!

This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

Avatar for Username

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

This thread was archived. Please ask a new question if you need help.

Problem rendering a table

  • 2 replies
  • 3 have this problem
  • 4 views
  • Last reply by cor-el

Paolo
Paolo
more options

I'm writing a table and Firefox doesn't render it correctly:

<table border="1" cellpadding="0" cellspacing="0" width='270'>
  <tr>
    <td width='20'>&nbsp;</td>
    <td width='3' height='172'></td>
    <td colspan='2' width='226'>226x172</td>
    <td width='8' height='172'></td>
    <td width='13'>&nbsp;</td>
  </tr>
  <tr>
    <td width='20'>&nbsp;</td>
    <td width='3' height='26'></td>
    <td width='136' height='26'>136x26</td>
    <td colspan='2' width='98' height='26'>98x26</td>
    <td width='13'>&nbsp;</td>
  </tr>
</table>

the 4th cell of the 2nd and 3rd row, infact, are rendered with same size while they are not.

This HTML code render correctly:

<table border="1" cellpadding="0" cellspacing="0" width='270'>
  <tr>
    <td width='20' height='1'></td>
    <td width='3'></td>
    <td width='136'></td>
    <td width='90'></td>
    <td width='8'></td>
    <td width='13'></td>
  </tr>
  <tr>
    <td width='20'>&nbsp;</td>
    <td width='3' height='172'></td>
    <td colspan='2' width='226'>226x172</td>
    <td width='8' height='172'></td>
    <td width='13'>&nbsp;</td>
  </tr>
  <tr>
    <td width='20'>&nbsp;</td>
    <td width='3' height='26'></td>
    <td width='136' height='26'>136x26</td>
    <td colspan='2' width='98' height='26'>98x26</td>
    <td width='13'>&nbsp;</td>
  </tr>
</table>

Can someone explain me why?

I'm writing a table and Firefox doesn't render it correctly:<br /> <br /> <pre><nowiki><table border="1" cellpadding="0" cellspacing="0" width='270'> <tr> <td width='20'>&nbsp;</td> <td width='3' height='172'></td> <td colspan='2' width='226'>226x172</td> <td width='8' height='172'></td> <td width='13'>&nbsp;</td> </tr> <tr> <td width='20'>&nbsp;</td> <td width='3' height='26'></td> <td width='136' height='26'>136x26</td> <td colspan='2' width='98' height='26'>98x26</td> <td width='13'>&nbsp;</td> </tr> </table></nowiki></pre> the 4th cell of the 2nd and 3rd row, infact, are rendered with same size while they are not. This HTML code render correctly:<br /> <br /> <pre><nowiki><table border="1" cellpadding="0" cellspacing="0" width='270'> <tr> <td width='20' height='1'></td> <td width='3'></td> <td width='136'></td> <td width='90'></td> <td width='8'></td> <td width='13'></td> </tr> <tr> <td width='20'>&nbsp;</td> <td width='3' height='172'></td> <td colspan='2' width='226'>226x172</td> <td width='8' height='172'></td> <td width='13'>&nbsp;</td> </tr> <tr> <td width='20'>&nbsp;</td> <td width='3' height='26'></td> <td width='136' height='26'>136x26</td> <td colspan='2' width='98' height='26'>98x26</td> <td width='13'>&nbsp;</td> </tr> </table></nowiki></pre> Can someone explain me why?

Modified by cor-el

All Replies (2)

Paolo
Paolo Question owner
more options

The wrong html is:

< table border="1" cellpadding="0" cellspacing="0" width='270'> 

 < tr>
   < td width='20'> </td>
   < td width='3' height='172'></td>
   < td colspan='2' width='226'>226x172</td>
   < td width='8' height='172'></td>
   < td width='13'> </td>
 < /tr>
 < tr>
   < td width='20'> </td>
   < td width='3' height='26'></td>
   < td width='136' height='26'>136x26</td>
   < td colspan='2' width='98' height='26'>98x26</td>
   < td width='13'> </td>
 </tr>

</table>

While the good one is: < table border="1" cellpadding="0" cellspacing="0" width='270'> 

 < tr>
   < td width='20' height='1'></td>
   < td width='3'></td>
   < td width='136'></td>
   < td width='90'></td>
   < td width='8'></td>
   < td width='13'></td>
 < /tr>
 < tr>
   < td width='20'> </td>
   < td width='3' height='172'></td>
   < td colspan='2' width='226'>226x172</td>
   < td width='8' height='172'></td>
   < td width='13'> </td>
 < /tr>
 < tr>
   < td width='20'> </td>
   < td width='3' height='26'></td>
   < td width='136' height='26'>136x26</td>
   < td colspan='2' width='98' height='26'>98x26</td>
   < td width='13'> </td>
 </tr>

</table>

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
more options

A good place to ask advice about web development is at the MozillaZine "Web Development/Standards Evangelism" forum.

The helpers at that forum are more knowledgeable about web development issues.
You need to register at the MozillaZine forum site in order to post at that forum.