CSS & XTHML : IE6 & 7 Bug

[benz1ne]

Thanks for the quick reply, solved.

[Timesobserver]

Hello Benz11ne and welcome to the wonderful world of Web Design!

Just like you, I'm from a print design background (layout editor for newspapers) and I started in Web design last year.

The problem with older versions of IE, as you discovered, is that they can't read CSS codes correctly.

However, there is a way around it.

You would need to put this code within <style>:

<!--[if IE]>
<link rel="stylesheet" type="text/css" href="iestyles.css" />
<![endif]-->

Basically, you have to create a different css file (in this case, iestyles.css) to fix the problems you are having. The <!--[if IE]> basically says that if someone is using IE, then the IE browser needs to use that special css file.

Now, there are different <!--[if IE]> codes, such as <!--[if lt IE 7]>, which means that if the user is using IE 7 or less, then that browser should use that particular css file. If it's IE 8, then use the normal css file.

Here are a few links that should help you out. Best of luck!

http://msdn.microsoft.com/en-us/library/bb250496%28VS.85%29.aspx


http://css-tricks.com/how-to-create-an-ie-only-stylesheet/ (http://css-tricks.com/how-to-create-an-ie-only-stylesheet/)

http://www.webdevout.net/css-hacks