any css after this code not working , what is the problem in this css code, only in firefox?

Question

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.

It is red when I look at it on chrome, what browser are you using? — Andreas Wong
– Andreas Wong, Commented Aug 8, 2011 at 9:22
content:\": "; is an error. You should have simply validated your CSS: jigsaw.w3.org/css-validator (use CSS3 profile in advanced options) — thirtydot
– thirtydot, Commented Aug 8, 2011 at 9:52

Joonas · Accepted Answer · 2011-08-08 10:01:00Z

3

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 ?

edited Aug 8, 2011 at 10:01

answered Aug 8, 2011 at 9:25

Joonas

7,3259 gold badges43 silver badges65 bronze badges

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

2 Comments

Eric Over a year ago

The problem is that backslash. It shouldn't be there.

Joonas Over a year ago

@Eric But it's so cool and everyone else is doing it.. But seriously though it's existence is a big question mark to me.

Kyle · Accepted Answer · 2011-08-08 09:25:42Z

1

I formatted your CSS a bit and it seems to work in my FF5. http://jsfiddle.net/Aw239/2/

answered Aug 8, 2011 at 9:25

Kyle

67.5k28 gold badges148 silver badges153 bronze badges

3 Comments

Jitendra Vyas Over a year ago

Yes now it's working. What was the problem? why it was working in chrome but not in firefox?

Jitendra Vyas Over a year ago

Is it mean that this code will not work in single line format?

Kyle Over a year ago

No idea why it'd work like this and not like you had it, freakin' weird!

Eric · Accepted Answer · 2011-08-08 09:22:14Z

0

It is red. Are you using IE8? Because you'll need to use the HTML5 shim if you want to style HTML5 elements.

Does this work for you?

answered Aug 8, 2011 at 9:22

Eric

98.1k54 gold badges257 silver badges389 bronze badges

1 Comment

Jitendra Vyas Over a year ago

No your link not working in Firefox 5 but it's fine in Chrome

Collectives™ on Stack Overflow

any css after this code not working , what is the problem in this css code, only in firefox?

3 Answers 3

2 Comments

3 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

3 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related