SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Member
    Join Date
    Jul 2004
    Location
    Spain
    Posts
    12
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Different display in IE and Firefox!

    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!!

  2. #2
    SitePoint Wizard drhowarddrfine's Avatar
    Join Date
    Aug 2005
    Posts
    3,438
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    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.

  3. #3
    SitePoint Member
    Join Date
    Jul 2004
    Location
    Spain
    Posts
    12
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    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!
    Last edited by PhilTilson; Jul 9, 2006 at 09:51. Reason: Found it!

  4. #4
    SitePoint Wizard silver trophybronze trophy Nadia P's Avatar
    Join Date
    Oct 2004
    Location
    NSW Australia
    Posts
    3,564
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    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


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •