CODEWITHSUNDEEP
javascriptfirefoxgoogle-chrome
Michael Davis
Michael Davis

Reputation: 267

JS works in Chrome but not Firefox

I can't figure out why this isn't working in FF? It does work in Chrome and Firebug doesn't show any errors in FF, but it's being ignored.

$(document).ready(function() {

            $(function(){
                $('#content-left').css({'display': 'block !important', 'width': '80px !important'});
                $('#content-right').css('width', '250px !important');
                $('#content-middle').css({'width': '630px !important', 'float': 'left !important', 'height': 'auto !important', 'padding': '0 10px !important'});
            });

        });

Anyone got any ideas? Thanks!

Upvotes: 0

Views: 90

Answers (1)

Rob W
Rob W

Reputation: 348992

You cannot use !important at inline styles at Firefox.

Besides, you shouldn't use !important UNLESS you've got no other options left.
In your case, !important is unnecessary, because inline styles already have a very high specificity.

Upvotes: 1

Related Questions