Kjapp og trygg hosting for Wordpress

Definere egne css regler IE ?

clinton4

clinton4

Medlem
Hei,

Som dere sikker kjenner til, kan man definere egne css regler til nettleseren IE slik:

HTML: 
.blabla {
	height: 100px;/* Tolkes av alle nettlesere */
	#height: 100px;/* Overstyrer for IE nettlesere */
	_height: 121px; ;/* Overstyrer for IE 6.0 og eldre */
}

Men dette virker ikke for den nyeste versjonen av IE. Er noen som vet om det er mulig å lage en overstyrer for nyeste versjon av IE?
 
adeneo

adeneo

Medlem
Den beste måten å gjøre dette på er så vidt jeg vet med klasser i stedet for ugyldig css.

Man setter forskjellige klasser på <html> ut i fra hvilken IE versjon man ønsker å treffe:

HTML: 
<!--[if lt IE 7 ]> <html class="ie6"> <![endif]-->
<!--[if IE 7 ]>    <html class="ie7"> <![endif]-->
<!--[if IE 8 ]>    <html class="ie8"> <![endif]-->
<!--[if IE 9 ]>    <html class="ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html> <!--<![endif]-->


og har da mulighet til å lage kun en stk CSS fil med gyldig CSS.

For å sette CSS for kun IE6 blir det noe slikt:

HTML: 
div.foobar { background: #000;}
.ie6 div.foobar { background: #fff; }
 
Sist redigert:
Pong

Pong

Jeg selger sʇɥƃıluʍop :)
Ah, det var en ok måte å få css'en vedlikeholdbart på.

En aff-lenk til nedlasting av chrome eller firefox hadde vært tingen for ie6...
Men ellers en en annen mulig løsning:
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
for at IE678 skal forholde seg til html5 på en fin(ere) måte enn vanlig.
 
Du må logge inn eller registrere deg for å svare her.
Topp