Why can a website look slightly different on Firefox vs Internet Explorer?

I have a website and it looks fantastic on Firefox. However, on internet explorer it does not look as good, spacing is off, etc. For example, I have some thumbnails on one page and the text under each thumbnail looks perfect on Firefox. On Internet explorer however the text under the thumbnails is off center and some of it is actually to the right of the thumbnail---to the right and under---it looks bad. This drives me crazy! Is there anyway to fix this this problem? Thanks!

4 Answers

  • Anonymous
    8 years ago
    Favorite Answer

    Because different browsers interpret pages differently. Learn about css: http://www.w3schools.com/

    Also, you could use this validator: http://validator.w3.org/

    CSS Validator: http://jigsaw.w3.org/css-validator/

  • Heysql
    Lv 5
    8 years ago

    Difference explorers are designed differently. Chrome for example can actually make sense of code you do even if it was wrong a bit. Other browsers like IE can't and display the page differently then expected.

    IE also has some bugs in which it can't read some css code like it should.

  • Andy T
    Lv 7
    8 years ago

    Because the engine difference, Firefox might be harder to program for advanced stuff, but it is all standard HTML, CSS, and JavaScript, without any shortcuts or backdoor and properly filled out standard DOM while older IE does not do standard to completion. No easy fix, just run and compare outputs to find the common denominator of usable code.

  • 8 years ago

    Welcome to Browser's Hell !

    The W3C defined how browsers should work.

    Browsers developers implemented the rules "their way".

    Result: no two browsers, no two versions, interprets your code the same way.

    You just have to "tweak" your code for every inconsistencies you find.

    There are no "miracle" solutions, just experience and hard work.

    Good luck.

Still have questions? Get your answers by asking now.