11 {{ upvoteCount | shortNum }}
11 {{ upvoteCount | shortNum }}

My Website Looks Different in Firefox from IE

by mdotwhite
10 replies
My website looks totally different when browsing with Firefox copmared to interent exploer.

What's the proble and how can I fix it?
#firefox #website
  • Profile picture of the author testaccount9998
    This is just a fact of life for web masters

    For the elements that look different you must hard code them to say

    When IE: display this

    When FF: display this


    If you have no idea how to go about this I would recommend hiring a CSS programmer, or do what lots of people do and just dont worry about it.


    Rebtl
    {{ DiscussionBoard.errors[704462].message }}
  • Profile picture of the author Michael D Price
    [DELETED]
    {{ DiscussionBoard.errors[704479].message }}
    • Profile picture of the author mdotwhite
      Thanks for all of the great respnses guys. I guess I need to do more research. I must admit that this is driving me nuts.
      {{ DiscussionBoard.errors[704860].message }}
      • Profile picture of the author MarkR
        If you really want to see just how differently your site looks in many different browsers and many different versions of browsers, this will lay it out for you. Warning, you won't like the results.

        Check Browser Compatibility, Cross Platform Browser Test - Browsershots

        PS. I only try to keep the most current couple of versions of IE and FF happy. That covers 90% of the users out there. My prices would have to go up if I tried to keep everyone happy.

        Mark
        Signature
        {{ DiscussionBoard.errors[704878].message }}
      • Profile picture of the author aseltz
        Originally Posted by mdotwhite View Post

        Thanks for all of the great respnses guys. I guess I need to do more research. I must admit that this is driving me nuts.
        Design and coding can be maddening - specially if you don't like chasing down little bugs and tweaks (some people like that stuff and God bless them for it!)

        If you are just creating simple sales pages, focus on creating a design that you can re-use by simply changing the graphics and tweaking some font colors. That way you won't go through this process every time.
        Signature
        {{ DiscussionBoard.errors[704884].message }}
        • Profile picture of the author mdotwhite
          Thanks for the tips Andrew. I took a look at your website with the templates. I think that might be the way for me to go, but How hard is it set up for the average person.
          {{ DiscussionBoard.errors[705428].message }}
  • Profile picture of the author Michael Tracey
    Like Jennifer, I don't program differently for different browsers
    But unlike her I use straight HTML, with php includes, & a bit of Java script in place of CSS which I've never managed to get my head around.

    Michael
    {{ DiscussionBoard.errors[704576].message }}
  • Profile picture of the author Droopy Dawg
    test it in Google Chrome... it may look different from the others
    Signature


    {{ DiscussionBoard.errors[704588].message }}
  • Profile picture of the author aseltz
    Testing is a huge part of the development process, so if you plan to do your own work, be ready to test (multiple versions of IE and FF plus Chrome, Safari, and Opera.) You can check your server logs to see which browsers your visitors are using to view your site.

    If you hire out the work, make sure browser testing is part of the work you contract.

    There are a number of ways to change out the style sheets depending on which browser you are using. I tend to create one master style sheet and then a smaller one that is just composed of the specific elements that need to be changed for different browsers (one alternate style sheet per browser.) Since style sheets cascade, the last statement about a style is the one that gets applied.

    So, if the alternate style sheet gets applied, it overwrites the settings from the master style sheet that need to be changed.

    Here's a good reference for handling the alternate style sheets:

    How to Use Different CSS Style Sheets For Different Browsers (and How to Hide CSS Code from Older Browsers) (thesitewizard.com)
    Signature
    {{ DiscussionBoard.errors[704658].message }}

Trending Topics