One of the biggest challenges today’s web designers have to deal with is making a website that displays properly in all the different browsers that people can use today.

Out of all these browsers, the most popular one is Internet Explorer, but unfortunately is also the most problematic one. You can build a website that looks fine in FireFox, Safari, Opera and other browsers, but then you go and look at it in Internet Explorer and it looks different.

There are many reasons that Internet Explorer displays things differently, but those really are not important. The important thing is how to fix them properly and quickly.

Well the best way that I have figured out how to fix Internet Explorer display problems, is by using the “if” statement in my CSS.

Now the reason I only say CSS, is because that is where the display problems go wrong, not in your standard HTML code, but the “if” statement still can be used in HTML. So then you may be thinking that you shouldn’t use CSS, but the fact is that hardly a website is built today without using CSS, and if you want the site to look really good it is a smart idea to use it.

So anyways the “if” statement in your CSS code will tell the browser to only load the CSS in between the statement if it is that browser. For example, the code below would be an “if” statement that would only be displayed in Internet Explorer version 6:

Now if you wanted it to use that CSS code only on Internet Explorer versions 5 and up, you would put this in:

The “gte” means greater then or equal to, so it will display in Internet Explorer versions 5 and up. If you want it to be just greater than, you would just put “gt”.

With this conditional statement you can fix most display problems that occur with Internet Explorer.