Home/ Questions/Q 6226299
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-24T08:59:55+00:00

Footer css after form’s css is not working , what is the problem in

  • 0

Footer css after form’s css is not working , what is the problem in this css code?

/*------------------------------------*\
    FORMS */

fieldset { padding: 10px; border: 1px solid #ccc; margin-bottom: 1.5em; }
label { display: block; cursor: pointer; }
    label:after { content:\": "; }
    label::after { content:\": "; }
input,textarea { font-family: inherit; font-size: 1em; line-height: 1.5; }
[placeholder] { cursor: pointer; }
    [placeholder]:active,[placeholder]:focus { cursor: text; }
fieldset > :last-child { margin: 0; }


footer {background:red; height:200px; width:200px}

jSfiddle http://jsfiddle.net/Aw239/

in jsfiddle example footer should be red background.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    At least firefox Doesnt seem to understand this label:after { content:\": "; } i have no idea whats going on here but all i know is that it is the culprit. I’ve never actually used content properly.

    But, remove those lines and everything runs smoothly.. ( OR reformat those two lines as Kyle showed and it should do it. )

    Seems like it doesnt like to have closing semicolons in the same row with everything else

    http://jsfiddle.net/Aw239/3/

    Or.. get rid of the \‘s ?

    • 0