PDA

View Full Version : target IE7 only


chriskq
06-12-2007, 07:40 AM
hey guys,

having trouble targeting an IE7 element only.
usually i'd use [className="classname"] to target IE7.

But in this instance, im trying to target
.scheduleContainer ul li

so a list item, within an unordered list, within a div class named scheduleContainer

how would any of u guys do this please.

chriskq
06-12-2007, 07:57 AM
found the answer
target ie7 and ie5 only


*+html .scheduleContainer ul li {
line-height: 1.1em;
margin-bottom: 5px;
}


target ie6 only

* html .scheduleContainer ul li {
line-height: 1.1em;
margin-bottom: 5px;
}

domedia
06-12-2007, 03:34 PM
Not sure if using hacks is a good idea. For each new browser(version) hitting the market, you're in the danger zone. Personally I like the conditional statements.
<!--[if IE 7.0]>
<link rel="stylesheet" type="text/css" href="IE7.css" />
<![endif]-->

chriskq
06-12-2007, 11:50 PM
there only for minor sizing/spacing/alignment issues... so the page isnt broken as such, just making look prettier - lol.

used conditionals a few times, but im finding ie7 is pretty good css rendering wise... hardly any issues usually.

nanny
06-12-2007, 11:59 PM
Hi I haven't used IE7 yet, are there many issues with it compared to IE6 that needs to be adjusted for our stylesheets we already use?

chriskq
06-13-2007, 03:41 AM
theres a -1px margin-left bug if have a background image on a div after the body (globalWrap).

no real easy fix expect to fudge it. i did this by placing the same repeating bg image on the body aswel...

its minor, and only applies to a certain situation. Holla out if u run into it.

Other than that no real issues ive found that cant be fixed with some good css. IE6 is way buggier