WN

WN (https://www.wn.se/forum/index.php)
-   Klientsidans teknologier, design och grafik (https://www.wn.se/forum/forumdisplay.php?f=12)
-   -   CSS-problem (parsningsfel) (https://www.wn.se/forum/showthread.php?t=1040066)

BeEss 2010-01-18 09:35

CSS-problem (parsningsfel)
 
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.


Kod:

/* 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 2010-01-18 11:10

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 2010-01-18 12:17

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.


Alla tider är GMT +2. Klockan är nu 02:57.

Programvara från: vBulletin® Version 3.8.2
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.
Svensk översättning av: Anders Pettersson