Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 4 of 4
  1. #1
    New to the CF scene
    Join Date
    Dec 2006
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Trouble with Inconsistencies between IE and FF

    Greetings All,

    I'm having some trouble with pages on my site that are displayed slightly differently when viewed using FireFox/NetScape in place of Internet Explorer.

    Case in point: http://www.cygnus-x1.net/links/rush/index.php

    When you view this page with IE, everything looks/works fine.

    However when viewed with FF/NS, the "Welcome" image begins to repeat itself vertically on the bottom of the image for about 10-15 pixels . I think this is related to cellpadding, but various tinkering with the values caused more issues than it fixed.

    I realize there are always going to be some discrepancies between how IE and FF handle a page, but this one has me scratching my head.

    Any insight would be appreciated.

    Thanks ... and Happy Holidays...

    -John
    www.cygnus-x1.net

  • #2
    Master Coder felgall's Avatar
    Join Date
    Sep 2005
    Location
    Sydney, Australia
    Posts
    6,633
    Thanks
    0
    Thanked 649 Times in 639 Posts
    The two comments in front of the DOCTYPE are puting IE into quirks mode so it is iincorrectly including the padding inside the size of elemnts instead of adding the padding outside of the element the way that browsers that follow the standards do.

    As your table with the welcome image background has a padding of 10 this means that the table is 20 pixels shorter in IE than it is supposed to be.

    Remove the 2 comments so that the DOCTYPE comes first to get IE out of quirks mode and then adjust the size of the content of your page so that it works correctly for Firefox/Opera/Safari/etc. Once it looks right in compliant browsers you can then check if it needs any IE specific adjustments to take into account IE7 being several years behind the current web standards. With the code you have, if you get it right in Firefox and get IE out of quirks mode it will probably look OK in IE without needing any further IE specific changes.
    Stephen
    Learn Modern JavaScript - http://javascriptexample.net/
    Helping others to solve their computer problem at http://www.felgall.com/

    Don't forget to start your JavaScript code with "use strict"; which makes it easier to find errors in your code.

  • #3
    New to the CF scene
    Join Date
    Dec 2006
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Interesting. Thanks for the tip. I'll give it a shot.

    -John

  • #4
    New Coder
    Join Date
    Jul 2005
    Posts
    77
    Thanks
    0
    Thanked 0 Times in 0 Posts
    In general, get things working for Firefox/Safari/Opera/etc first and then insert specific fixes for IE.

    On another note, IE7 complains "Object Expected" on line 273 (you probably already know this).


  •  

    Posting Permissions

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