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.
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. :)