Different display in IE and Firefox!

**PhilTilson** · Jul 8, 2006, 08:20

I'm sure this is so simple I'm going to kick myself, but ...

At the bottom of a page I have put sliding page numbers (using a PEAR routine) and a link back to the home page.

In Firefox, this looks perfect; in IE both of these elements are cramped up just off the upper right of the window and accessible only by scrolling!

If you want to see what I mean, check out http://www.c-and-c-properties.co.uk/...op2.php?page=1

Please don't cane me for the bland design - it's under development!!

**drhowarddrfine** · Jul 8, 2006, 09:56

Your doctype is incorrect and puts IE into quirks mode. It should be:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
and case matters. Always use strict for new code. If, for some reason you must use transitional/sloppy, this is it:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Then
Validate your code and fix any remaining errors.

**PhilTilson** · Jul 9, 2006, 09:45

Thanks for that. I have fixed the problem, but I'm still not exactly sure why! I do remember reading about quirks mode butwasn't sure of all of its effects.

I have tried to follow your advice about validating the files, and have got a lot closer. But the validation routine keeps highlighting things which don't seem to be wrong! For example, it pulled up a couple of </p>'s, highlighting the final >. If I remove these elements, that problem disappears from the list - but it means I have unterminated <p>'s in my code!

Similarly it refuses point blank to validate

HTML Code:

<style type="text/css">

.header
{
  background-color: #008000;
  color: #C0C0C0;
  padding-top: 20px;
  font-family: "Eurostar Black Extended", "Arial Black", Sans-serif; 
  font-size: x-large; 
  font-weight: 700; 
  font-style: italic; 
  height: 80px;
  text-align: center;
}

coming back with:

Code:

Errors
URI : http://www.c-and-c-properties.co.uk/CCProperties.css

    * Line: 14

      Parse error - Unrecognized : <style type="text/css"> .header { background-color: #008000; color: #C0C0C0; padding-top: 20px; font-family: "Eurostar Black Extended", "Arial Black", Sans-serif; font-size: x-large; font-weight: 700; font-style: italic; height: 80px; text-align: center; }

No doubt it is something trivial that I have forgotten to do, and I'll find it in the end, but it's amazing how much time one can waste over these silly errors!

EDITED: I knew I'd find it as soon as I posted the message! OK, I shouldn't have had the <style> tag in there. New to this stuff. Sorry!

**Nadia P** · Jul 9, 2006, 18:39

EDITED: I knew I'd find it as soon as I posted the message! OK, I shouldn't have had the <style> tag in there. New to this stuff. Sorry!

No need to be sorry, this is the way we all learn - by trial and error ;-)

Nadia

The SitePoint Forums have moved.

User Tag List

Thread: Different display in IE and Firefox!

Thread Tools

Display

Different display in IE and Firefox!

Bookmarks

Bookmarks

Posting Permissions