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

won't display table correctly; shows OK in IE all versions

  • 5 replies
  • 10 have this problem
  • 1 view
  • Last reply by cor-el

more options

Table won't display correctly in Firefox; deletes first <tr>...</tr> section, shifts 2nd <tr>...</tr> section to right. The table shows correctly in all IE versions.

Table won't display correctly in Firefox; deletes first <tr>...</tr> section, shifts 2nd <tr>...</tr> section to right. The table shows correctly in all IE versions.

Modified by Joramy

Chosen solution

You should never use multiple hyphens in a comment. Firefox will toggle the comment state after every two hyphens (--), so you need a lot of luck with this many as here:

<!----------------------------------Geograhphy, etc. ------------------------------------>


Firefox treats the code that follows as comment until the next two "--" found in the next section. You can see that via View > Page Source as green comment.

<!---------------------------------- Accessibility ------------------------------------>


You're code shows here an extra empty <td> that causes an empty column to appear at the left if that is what you mean.

<!--<center>-->
<TR align="center">
<td>
<td>
<Font color="#ff00cc">
<h2>Charleston</h2></font></td>
<td>
<Font color="#ff00cc">
<h2>Savannah</h2></font></td>
<td>
<Font color="#ff00cc">
<h2>Recommendation</H2></font>
</TD>
</TR>
<td>


You can use the DOM Inspector to check out the code.

Read this answer in context 👍 0

All Replies (5)

more options

Chosen Solution

You should never use multiple hyphens in a comment. Firefox will toggle the comment state after every two hyphens (--), so you need a lot of luck with this many as here:

<!----------------------------------Geograhphy, etc. ------------------------------------>


Firefox treats the code that follows as comment until the next two "--" found in the next section. You can see that via View > Page Source as green comment.

<!---------------------------------- Accessibility ------------------------------------>


You're code shows here an extra empty <td> that causes an empty column to appear at the left if that is what you mean.

<!--<center>-->
<TR align="center">
<td>
<td>
<Font color="#ff00cc">
<h2>Charleston</h2></font></td>
<td>
<Font color="#ff00cc">
<h2>Savannah</h2></font></td>
<td>
<Font color="#ff00cc">
<h2>Recommendation</H2></font>
</TD>
</TR>
<td>


You can use the DOM Inspector to check out the code.

Modified by cor-el

more options

Thank you very much! The correct code is:

<TR align="center"> <td></td> <td> <font color="#ff00cc">

Charleston

</font></td>

I would have picked this had it not worked in IExplorer! Why did it show correctly in IE?

As for the <--comment--> I changed them all to two dashes. Again, thanks for your quick response and helping me with this problem.

Larry

more options

You're welcome

more options

I have this website http://tutorindia.net and the main content after the header and the logo falls down if I put content on the right side of the table.

It works ok on IE, opera, Chrome and safari but not on firefox

more options

A good place to ask questions and 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.

See http://forums.mozillazine.org/viewforum.php?f=25