media w3c validation

[anoniem]

Hallo allemaal, Ik gebruik de volgende regel in mijn mobile CSS. Maar deze is niet w3c correct. [code:1:b450fdd1e9]@media screen and (min-width: 481px) and (max-width: 980px) {[/code:1:b450fdd1e9] Weet iemand wat er fout aan is? Ik sluit onderaan de CSS ook weer af met een }

[anoniem]

Als ik het door de [url=http://jigsaw.w3.org/css-validator/#validate_by_input+with_options]validator[/url] gooi dan krijg ik geen foutmeldingen. Bedenk je wel dat er ook geldig CSS in moet staan, dit is meer een soort conditionele wrapper. [code:1:0571004ff7]@media screen and (min-width: 481px) and (max-width: 980px) { .foo { color: #ba5; } }[/code:1:0571004ff7] - Bas

[anoniem]

Ik heb het geprobeerd maar blijf de melding krijgen. Ik heb dit in mijn head staan, kan het daarmee te maken hebben? [code:1:d5ecb4c5e6]<link rel="stylesheet" href="/css/mobile.css" type="text/css" media="screen and (min-width: 481px) and (max-width: 980px)" /> <link rel="stylesheet" href="/css/mobile.css" type="text/css" media="screen and (max-width: 480px)" />[/code:1:d5ecb4c5e6]

[anoniem]

Die conditie moet in je CSS bestand niet in je link tag

[anoniem]

Je kan de voorwaarden ook prima in de link zetten volgens [url=http://www.w3.org/TR/css3-mediaqueries/#media0]de specificatie[/url], dus dat zal het niet zijn. Maar zonder volledige broncode of de gegenereerde foutmeldingen kan ik er verder weinig nuttigs over zeggen. Zie voorbeelden 10 t/m 12 in de genoemde specificatie, die lijken op wat jij wil doen. Een algemene tip voor debugging: probeer het probleem te isoleren en op te lossen, dat maakt het doorgaans een stuk makkelijker. - Bas

[anoniem]

Bedankt voor de tips ik ga me er nog eens in verdiepen. Groeten, Erwin