Major rendering differences between firefox 3 and 3.5

Forum Moderators: open

Message Too Old, No Replies

Major rendering differences between firefox 3 and 3.5

GGR_Web

8:27 am on Oct 9, 2009 (gmt 0)

I've been doing a new site, using ff 3.5 to start with. Imagine my surprise when I looked at it in ff 3.0 to see huge rendering differences.
A list:-
font sizes render far too small (in general)
A unorder list of links using css image replacement have rendered at the line height instead of the containing div height.
An unordered list diplay:inline; aren't rendering right hand margins correctly. Also the containing div's height is too short.
The footer div has disappeared entirely.

Has anyone else encoutered problems like this or have I broke the internet?

my doctype:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

How do I target a stylesheet at ff 3.0?

I haven't pasted code since I'm not all sure what the problem is.

choster

1:24 am on Oct 10, 2009 (gmt 0)

I have not encountered any unusual problems with FF3.5. Have you validated your code?

GGR_Web

8:01 am on Oct 12, 2009 (gmt 0)

I ran and corrected css and html validators.

It returned my doctype (4.01 transitional) but also noted the document looks like 4.01 strict.

Should I change the doctype? (having never used another and being slightly nevous about what it'll do to the page - there's always ctrl z I suppose)

edit: tried changing the doctype, which did nothing. Still experiencing presention difficulties.

GGR_Web

8:36 am on Oct 12, 2009 (gmt 0)

This seems to be a problem with my installation of firefox 3.5. I cannot reproduce the same appearence on an identical version of firefox.

GGR_Web

10:26 am on Oct 12, 2009 (gmt 0)

Bit the bullet and changed the css.
Seemed to be mostly a problem with not declearing font-size on indiviual divs plus a couple of margins.

But this shouldn't of happened in the first place!

JAB Creations

10:35 pm on Oct 18, 2009 (gmt 0)

Is the page being rendered in quirks or standards mode? In Firefox just right-click on the page and in the context menu click on 'View Page Info'. I do not recall if whitespace before the (X)HTML doctype can trigger quirks mode with HTML as I've been using XHTML (as XHTML) for years now though I'm pretty certain it triggers quirks mode for XHTML.

If you can't determine if the page is in quirks mode in other browsers use this script. :)

- John

<div><a href="javascript:var m=(document.compatMode=='CSS1Compat') ? 'Standards' : 'Quirks'; window.alert(m+'-mode.');">detect rendering mode</a></div>