@media queries : getting an error in W3C CSS Validation Service

Question

I tried to fix the width of wrapper div using @media queries according to different screen size

where i wrote these lines of code

@media screen and (min-width:768px) and (max-width:1023px) {
 #wrapper {
 width:625px;
 padding-left: 50px;
 margin:0 auto;
}
}
 @media screen and (min-width:1024px) and (max-width:2047px) {
 #wrapper {
 width:865px;
 margin:0 auto;
 padding-left: 50px;
 width: 927px;
}
}

when i checked my file in W3C CSS Validation Service i got these lines of error

Value Error : min-width Property min-width doesn't exist for media screen : 768px 768px
Value Error : max-width Property max-width doesn't exist for media screen : 1023px 1023px
Value Error : min-width Property min-width doesn't exist for media screen : 1024px 1024px
Value Error : max-width Property max-width doesn't exist for media screen : 2047px 2047px

what is the reason behind this types of error?

Quentin · Accepted Answer · 2011-09-27 06:17:59Z

7

You did't set the options to use the CSS 3 profile instead of the default (CSS 2).

answered Sep 27, 2011 at 6:17

Quentin

949k136 gold badges1.3k silver badges1.4k bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Tieson T. · Accepted Answer · 2011-09-27 06:19:05Z

2

Did you let the validator know you're using CSS3? I don't think media queries are part of the CSS2.* specification. This is the URL I use with my link: http://jigsaw.w3.org/css-validator/check/referer?profile=css3

answered Sep 27, 2011 at 6:19

Tieson T.

21.2k6 gold badges82 silver badges99 bronze badges

Collectives™ on Stack Overflow

@media queries : getting an error in W3C CSS Validation Service

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related