[closed] Website looks great in Firefox and but bad in Internet Explorer (12 posts)

  1. Ian
    Posted 5 years ago #

    Hi there,

    We have had a new site built for our business. I am not so pleased. It looks lovely in Firefox but pretty bad in Internet Explorer.

    The site is http://www.bfcm.co.za

    I am told by the design agency that it is something to do with Internet Explorer not displaying things correctly.

    But quite frankly I expect a website to look good in all mainstream browsers.

    Does anyone have any info on how this issue can be resolved or is it a WordPress issue?


  2. Ian
    Posted 5 years ago #

    Examples are,

    the nice rounded edges dissapear in IE
    the text/font look mashed up in IE

  3. Ganners
    Posted 5 years ago #

    Internet explorer doesn't support CSS3, that's why. I think it looks fine with hard edges. You'll need to sort out your IE7's footer LI navigation.

    If you want the hard edges then you'll have to split up the background into a few images and use them as background images. Easy stuff to do, and it should be done. I think IE is too mainstream to use any CSS3 at the moment. (Though research suggests Firefox is the most used browser? Not sure if I believe that one but who knows)

  4. Ian
    Posted 5 years ago #

    Ganners, sorry to take so long to get back to you. I wanted to thank you for your feedback.

    You say IE does not support CSS3. What does that mean in simple terms?

    Does it mean our site was coded in a uncommon language?

    Our visitor stats are:

    41% IE
    33% Chrome
    23% Firefox
    1% Safari
    A few % other

    Hence we are keen for it to look its best in IE.

  5. Ganners
    Posted 5 years ago #

    So most people use IE8 or 7 from my experience, and these web browsers don't support CSS attributes such as:

    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    border-top-left-radius: 4px 4px;
    border-top-right-radius: 4px 4px;
    border-bottom-right-radius: 0px 0px;
    border-bottom-left-radius: 0px 0px;

    This is what controls the round border at the top of your site. This makes sure it works in firefox, chrome, ie9 etc. But this isn't in < IE8.

    So the way around this would be to replace that top bar with an image. You could therefore put a div there for example, and have and image of the top bit with rounded corners as the background image.

    It's very common, this is the easiest way to do it. I use it on a few of my websites, such as http://www.avnews.co.uk so every rounded corner in that is made with a background image.

    Your site is not coded in an uncommon language, just something which won't work on all web browsers unfortunately. Until statistics start showing IE8 not really being used I would stay away from it.

  6. x1981
    Posted 5 years ago #


    I'm having the same problem..... my site looks great in Firefox, but terrible in IE. Everything seems to work fine until I look at my product page. All of my products are jumbled together. Its hard to tell what price and description goes with what product.


  7. benjamin
    Posted 5 years ago #

    I would ask you design agency to create another stylesheet specific to IE and fix those issues. It won't be exactly the same look for all browsers but at least you won't have font/text issues.

    There's a way to make a conditional stylesheet for IE.

    For example:
    <!--[if IE]>
    <link rel="stylesheet" type="text/css" href="all-ie-only.css" />

  8. KatyDigg
    Posted 5 years ago #

    IE is quite simply a nightmare!

    Thanks for the info in this thread, much appreciated.

  9. Ian
    Posted 5 years ago #

    Thanks again for the information.

  10. Ivan Kristianto
    Posted 5 years ago #

    Don't waste your time with IE.
    If i were you, i encourage my visitors to use Firefox instead of IE.
    IE is a nightmare!

  11. intouchdesign
    Posted 4 years ago #

    Hi, I have had this site crested by a company and its not working in IE properly, it looks bad and the drop down don't work. Is anyone able to see what the problem could be. They have said it looks no different to them in IE than in Firefox which I know is not true. Pease can anyone help?

    Site details: http://web-itecsolutions.co.uk/nonindexed/fm/index.php

  12. esmi
    Forum Moderator
    Posted 4 years ago #

    Please post a new topic.

Topic Closed

This topic has been closed to new replies.

About this Topic


No tags yet.