CODEWITHSUNDEEP
htmlcss
user1501040
user1501040

Reputation:

how to target IE 6 AND IE7 in css

Hi all : How can i fix the problem of css in ie 7 and ie6 : my divs change possition in those two : www.justcode/housetostay: I will be very glad if i get any help

Upvotes: 1

Views: 112

Answers (2)

SpaceBeers
SpaceBeers

Reputation: 13947

You can use conditionals to do this.

In your add this code.

<!--[if lt IE 8]>
    // Add your IE only stylesheet here
<![endif]-->

This means that if the browser is Less Than IE8 load the stylesheet in the comments.

You can be more specific if you need to.

<!--[if IE ]> - Targets all IE versions from 5.5 up to 9

<!--[if gt IE6 ]> - Targets all IE versions Greater Than IE6

<!--[if IE7 ]> - Targets only IE7

Upvotes: 6

user818991
user818991

Reputation:

Without using hacks I would suggest using this technique

<!--[if lt IE 7]><html class="ie6"><![endif]-->
<!--[if IE 7]><html class="ie7"><![endif]-->
<!--[if IE 8]><html class="ie8"><![endif]-->
<!--[if gt IE 8]><!--><html><!--<![endif]-->

Then you can add css:

.ie6 .my-div {

}
.ie7 .my-div {

}

Using separate stylesheets for each version of IE is pretty outdated/poor IMO when you can target all versions in your regular single stylesheet

you can read more here: http://paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/

Upvotes: 1

Related Questions