Internet Explorer 7-specifik CSS

I stedet for at skulle indsætte kode til at indlæse en ny css-fil til IE7, plejer jeg at bruge dette lille trick:

Ved at sætte en stjerne (*) foran css-linjen, indlæses linjen kun af Internet Explorer 7.

Eksempel:
#wrapper {
width: 900px;
height: 450px;
margin: 10px auto 0px;
*margin: 15px auto 0px;
}

I ovenstående eksempel har vores element “wrapper” i IE7 5px mere luft for oven end i alle andre browsere. Husk at indsætte den nye linje med ‘*’ under linjen uden. Ellers vil browseren give wrapper’en 15px luft i toppen, og så overstyre med linjen under der siger 10px. CSS indlæses oppefra og ned ;)

Dette indlæg er skrevet i CSS. Bookmark permalink.

Skriv et svar

Din e-mail-adresse vil ikke blive offentliggjort. Krævede felter er markeret med *

*


*

Disse HTML koder og attributter er tilladte: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>