[BeEss]

Jag har nyss tagit över en större webbplats som jag nu kör lite W3C-validering på. Vid CSS-valideringen (CSS nivå 2.1) finns bl.a. följande avsnitt.

/* selects needs to be wider than inputs (type=text) to get the same width */
select.episize50 {width: 52px; *width:54px;}
select.episize80 {width: 82px; *width:84px;}
select.episize100 {width: 102px; *width:104px;}
select.episize140 {width: 142px; *width:144px;}
select.episize200 {width: 202px; *width:204px;}
select.episize240 {min-width: 242px; width: auto;}
select.episize300 {width:302px; *width:304px;}

som resulterar i nedanstående felbeskrivning. * är väl tänkt att fungera som anpassning för äldre versioner av IE men resulterar alltså i parsningsfel vid valideringen. Finns något annat sätt att åstadkomma samma resultat men slippa valideringsfelen? Conditional comments, eller?




1043 select.episize50 Parsningsfel *width:54px;
1043 select.episize50 Parsningsfel ;}
1044 select.episize80 Parsningsfel *width:84px;
1044 select.episize80 Parsningsfel ;}
1045 select.episize100 Parsningsfel *width:104px;
1045 select.episize100 Parsningsfel ;}
1046 select.episize140 Parsningsfel *width:144px;
1046 select.episize140 Parsningsfel ;}
1047 select.episize200 Parsningsfel *width:204px;
1047 select.episize200 Parsningsfel ;}
1049 select.episize300 Parsningsfel *width:304px;
1049 select.episize300 Parsningsfel ;}

[herr farsi]

CSS-koden märk med en stjärna läses bara av ie6 och ie7. Det du kan gör är att ta all den koden, lägga den i ett separat css-dokument och sedan länka in det via headern med denna koden.
<!--[if lte IE 7]>
<link type="text/css" rel="stylesheet" href="/css/ie7.css" />
<![endif]-->
Tänk på att du inkluderar filen efter din vanliga css-fil så att de speciella reglerna gäller,

[BeEss]

Ja conditional comments alltså. Jo det var nog min tanke också, men jag är ingen CSS-expert så jag ville kolla lite med folk som är bättre insatta i CSS och alla dess "hemligheter" om jag tänkte rätt här. Stort tack för att du tog dig tid att svara.