treehouse : what would you like to learn today?
Web Design Web Development iOS Development

Forums

Illustration by Nick Sirotich

[Solved] W3C CSS Validator errors.

  • CssPlatz
    Permalink to comment #
    When using a full page background and box shadow, is it normal to get these "errors" or I am still doing something wrong ?


    Sorry! We found the following errors (8)

    URI : TextArea
    3 body, html Property -webkit-background-size doesn't exist : cover
    4 body, html Property -moz-background-size doesn't exist : cover
    5 body, html Property -o-background-size doesn't exist : cover
    11 #container Property postion doesn't exist : absolute
    18 #container Property -moz-box-shadow doesn't exist : 0 0 20px 5px #000000
    19 #container Property -webkit-box-shadow doesn't exist : 0 0 20px 5px #000000
    99 #footer Property -moz-box-shadow doesn't exist : 0 0 20px 5px #101010
    100 #footer Property -webkit-box-shadow doesn't exist : 0 0 20px 5px #101010
  • joshuanhibbert
    Permalink to comment #
    Yes, that is totally normal, prefixed properties don't validate. Browsers implement prefixes so that we can use CSS3 properties before they become standard, but that means that they will never validate. Unfortunately we still have to use prefixes, even when properties become part of the specification, to support older browsers.
  • CssPlatz
    Permalink to comment #
    Thank you Mr. Joshuanhibbert, I appreciate you taking your time to answer my question.
  • joshuanhibbert
    Permalink to comment #
    No worries at all!
  • chaitu
    Permalink to comment #

    Hi I am getting bellow css errors in (W3C CSS Validator errors.) while testing please give me the solution how to fix those type of errors Here is those errors:

    signin_menu input[type="text"], #signin_menu input[type="password"] Property -moz-border-radius doesn't exist : 4px

    signin_menu input[type="text"], #signin_menu input[type="password"] Property -webkit-border-radius doesn't exist : 4px

    signin_menu input[type="text"], #signin_menu input[type="password"] Property behavior doesn't exist : var(behaviorUrl)

    .titre_section Property -moz-border-radius doesn't exist : 5px .titre_section Property -webkit-border-radius doesn't exist : 5px .titre_section Property -khtml-border-radius doesn't exist : 5px .titre_section Property behavior doesn't exist : var(behaviorUrl) .start-button Property -moz-border-radius doesn't exist : 5px .start-button Property -webkit-border-radius doesn't exist : 5px .start-button Property -khtml-border-radius doesn't exist : 5px .start-button Property behavior doesn't exist : var(behaviorUrl) .text_popup Property behavior doesn't exist : url(../../../../js/scripts/libs/PIE.htc)

    overlay Property -webkit-backface-visibility doesn't exist : hidden

    .modal .modal_wrapper, .modal_ipad .modal_wrapper Property -webkit-overflow-scrolling doesn't exist : touch

    input, select, textarea   Parse Error *vertical-align: middle;
input, select, textarea   Parse Error }
button, input[type="button"], input[type="reset"], input[type="submit"]   Property -webkit-appearance doesn't exist : button
button, input[type="button"], input[type="reset"], input[type="submit"]   Parse Error *overflow: visible;
button, input[type="button"], input[type="reset"], input[type="submit"]   Parse Error }
*   Parse Error }

    Thanks in Advance. Chaitu

  • kanimozhi
    Permalink to comment #

    Hi....I Need a Proper solution for vendor prefix validate error in css3..Anyone?

Add a Comment