Css issue with IE 6 and older... need help.

[teclance]

Hi guys,

We are integrating our new weddesign for our oscommerce store and were running into a bit of css trouble with IE 6 and older.

The first problem we have is the product description is being pushed to the bottom. If you take a look:
http://brenons.com/product_info.php?cPath=90&products_id=243&osCsid=93c619ac4b83f06eb2a22c35660e1d97

It works fine in IE 7 but any IE browser older then this pushed the info way down.

The site is designed with alot of css and we were wondering if there was a way to make a ruleset for this?

We have something like this right now:

<link rel="stylesheet" type="text/css" href="pageStyles.css">

<!--[if IE]>

<link href="ieStyles.css" rel="stylesheet" type="text/css" />

<![endif]-->

I appreciate all the help.

thanks guys

 

[JYM]

Instead of <!--[if IE]>

You can do <!--[if lte IE 6]> (OR <!--[if lte IE 5]>), and then make a custom stylesheet just to fix the errors that appear in IE6 and lower (the 'lte' in the line means less than or equal). This is not the ideal method, but at least it's ignored by other browsers so you're not downloading a bunch of extra code all the time. And it's definitely not the ideal method, but I prefer it to using hacks in my main stylesheet because that makes it messy.

 

[teclance]

Instead of <!--[if IE]>

You can do <!--[if lte IE 6]> (OR <!--[if lte IE 5]>), and then make a custom stylesheet just to fix the errors that appear in IE6 and lower (the 'lte' in the line means less than or equal). This is not the ideal method, but at least it's ignored by other browsers so you're not downloading a bunch of extra code all the time. And it's definitely not the ideal method, but I prefer it to using hacks in my main stylesheet because that makes it messy.

Hey JYM,

Thanks a bunch for the code. It fixed our problem.