Support » Fixing WordPress » Website looks great in Firefox and but bad in Internet Explorer

  • 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?

    Cheers

Viewing 11 replies - 1 through 11 (of 11 total)
  • Thread Starter Ian

    (@daddyfox)

    Examples are,

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

    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)

    Thread Starter Ian

    (@daddyfox)

    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.

    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.

    HI!

    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.

    Thanks!

    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” />
    <![endif]–>

    IE is quite simply a nightmare!

    Thanks for the info in this thread, much appreciated.

    Thread Starter Ian

    (@daddyfox)

    Thanks again for the information.

    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!

    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

    Please post a new topic.

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘Website looks great in Firefox and but bad in Internet Explorer’ is closed to new replies.