Website looks great in Firefox and but bad in Internet Explorer

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)

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 https://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.

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: https://web-itecsolutions.co.uk/nonindexed/fm/index.php

Please post a new topic.