Firefox not displaying tables correctly

ArcticFox · September 17th, 2004, 12:05 PM

I made a simple page with 5 across, 1 down table, and it shows up perfectly in IE but not in FireFox .0.9.3. It's a lot taller in FF than IE, any way to fix this?

**RobRich** · September 17th, 2004, 12:09 PM

Would be easier to diagnose if you provided the HTML source.

ArcticFox · September 17th, 2004, 12:17 PM

Right.

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Newberg High School counselors</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body>
<table width="782" border="1">
  <tr>
    <td><a href="staff.htm">Counseling staff </a></td>
    <td><a href="events.htm">Upcoming events</a></td>
    <td><a href="contacts.htm">Contacts and emails</a></td>
    <td>Scholarships</td>
    <td><p>Services</p>    </td>
  </tr>
</table>
</body>
</html>

jkrohn · September 17th, 2004, 12:30 PM

There is nothing wrong with that. Give us some screenshots.

Also it will be best advised to use cellpadding and cellspacing manually. Otherwise they will default to something which may explain the difference between the two browsers.

Jkrohn

**RobRich** · September 17th, 2004, 12:31 PM

Remove the doctype tag, and it will render correctly. I just verified the results with IE, Opera, and Firefox.

Code:

<html>
<head>
<title>Newberg High School counselors</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body>
<table width="782" border="1">
  <tr>
    <td><a href="staff.htm">Counseling staff </a></td>
    <td><a href="events.htm">Upcoming events</a></td>
    <td><a href="contacts.htm">Contacts and emails</a></td>
    <td>Scholarships</td>
    <td><p>Services</p>    </td>
  </tr>
</table>
</body>
</html>

ArcticFox · September 17th, 2004, 12:42 PM

Cool, thanks, although when I removed it and then re-added it, FF displayed it correctly. Wierd, I still yanked it.

raggario · November 14th, 2004, 04:46 AM

This thread is exactly what I'm going through and almost answers my question.

Firefox stretches my tables out vertically and I don't know why. I do know that if I remove my doctype then the problem goes away.

My question is, what if I want my page to validate? The page will not validate without a doctype, but with the doctype it will not display correctly in firefox..

Here is a link to the page I'm talking about.

Does anyone have a solution for this problem?

raggario · November 14th, 2004, 06:26 AM

I have figured out how to rearrange my tables to keep the "spreading apart" from happening.. That is I have at least figured out a temporary hack.

I'm still not sure why Firefox is applying all this extra margin space within the table..

Here is the page revised, and it still validates with the same doctype used before.

Even though I've made a working setup for now, I would still be grateful for insight to the source of this problem.

Thanks 2 all.

OuTpaTienT · November 14th, 2004, 06:22 PM

Um, it's all because you have a Paragraph tag in the last cell. Remove that and it renders fine.

BeatYouWithShoe · November 15th, 2004, 02:57 AM

Correction: Firefox is displaying it CORRECTLY, IE is not, Firefox renders everything exactly according to the rules and standards set up by the w3c - (http://www.w3.org/) - Its IE that has taken the liberty to make up its own rules and render things incorrectly such as CSS and most often tables.