Posted 2 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?
Cheers
Posted 2 years ago #
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)
Posted 2 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.
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.
Posted 2 years ago #
Posted 2 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" />
<![endif]-->
Posted 2 years ago #
IE is quite simply a nightmare!
Thanks for the info in this thread, much appreciated.
Posted 2 years ago #
Thanks again for the information.
Posted 2 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!
Posted 1 year 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
Please post a new topic.
This topic has been closed to new replies.
