Firefox display

Hi all has anyone had problems with tables displaying in differently in firefox than IE

Example this test site..

http://www.geocities.com/greevus/antarctica/index.html

Dirk

There are some differences that I have noticed, such as different treatment of an empty column in the two browsers, or the use of table ID tags only being recognized in IE, but if you do everything correctly you should be able to get the site looking exactly the same for both.

I'm not catching any differences with your site here other than the fact that you get a nasty popup in IE.

Yeah the pop up is from the host and is a geocities add that has an error I think.

The problem I get is that tables are not visible in IE which they shouldnt be, then when I got to firefox, all the boarders display..

Firefox does seem to display some pages differently. Some of my uni courses, for example, use a menu that doesn't format correctly in Firefox, but works fine in IE. It's irritating, but I don't believe that there's anything you can do to fix it yet.

On the other hand, the computer that I'm on at the moment only has IE installed, and http://update.mozilla.org/extension...ication=firefox doesn't display properly, so I guess that whilever companies fight over the net we're going to have to take the good with the bad.

Try removing borders from the table and table cells.
I guess firefox by default shows the borders, I don't know if this is per specs or not.. but to correct it just remove the border.

ex:

table
{
border:0px solid #ffffff;
}

td
{
border:0px solid #ffffff;
}

Thanks for the help, I'll give that a try..

Dirk

I would like to add that for optimal effect you should change

to:



By changing the border tag into zero the css borders will still be visible, and you will not see the standard borders in Mozilla.

Regards,

Sander Meilink

I dont want to change all tables so I will need to change every page..

Doh!!

Cheers

Dirk

Just to be pedantic, & FWIW, this is not a problem with Firefox failing to render HTML/CSS properly, it's a problem with IE not rendering properly, and people writing HTML for IE, and not according to the standards.

</rant>

On topic: I've had the opposite problem where IE doesn't render table cells if there's nothing in them:
<td> </td>

but if you add a non-breaking space:
<td> &nbsp; </td>
they do render nicely.

Weird.

Cheers,
Simon

yes..unfortunately..

But once you do change your tables, future revisions will be eaiser and quicker.
Using css to style yout tables and entire website has very real, very immediate benefits.

For one, as I mentioned above, once you've styled your tables once; the next time you want a change it can be done on a global basis. Meaning, you can change all tables that use the same css class(styles) by simply editing your external style sheet.

So all tables with no border can be given borders, or you can change the font color etc.. simply by editing your css style sheet.

2- your website will be faster to load, smaller in size, easier to maintain (refer to point 1 ), and overall a better designed website.

Learn to use css, you won't regret it.