jQuery Animate Margin-Left on FireFox

[Ben Wolfram]

Hello I am developing my portfolio site and I run chrome during development. Partway through I decided to test it on Safari & FireFox. I got it working correctly on Safari, but during my introductory load animation I get an error in my jQuery animation on ONLY FireFox (I don’t bother to test on IE). Any help would be appreciated. Also, I am aware of the marginLeft as opposed to ‘margin-left’.

JQUERY CODE

$('header').hide().delay(1000).fadeIn(1000)
.delay(500).animate({width: "100%",height:"60px",
paddingTop:"2px",marginTop:"0px",marginLeft:"0px"
,margin:"auto",left:"0px",borderBottomWidth:"7px"}
,700).animate({borderLeft: "0px",borderRight: "0px",
borderTop: "0px"},0);

CSS CODE

header {
    margin: auto;
    width: 600px;
    height: 110px;
    padding-top: 90px;
    margin-top: 15%;
    background-color: $main;
    color: $text;
    left: 50%;
    margin-left: -300px;
    position: fixed;
    border-bottom: 55px solid $second;
}

WEBSITE URL HERE I did some research and cannot seem to find a fix. Will supply any other required information promptly.

Thanks in advance.

[TheDoc]

I’m not getting any errors in FireFox. What version are you running? I tested v21 and v23, both worked fine.

[Ben Wolfram]

I was running v21, had the problem updated to v23 and it was still active.

Image Here
Header + Nav should extend to 100% of the page. The -300px leftMargin is persistent if you investigate via the FireFox element thing.

[TheDoc]

As you can see here, everything working for me: http://cl.ly/image/2z3b1u3w1b2Q

Do you have any browser extensions installed? What does the console error read?

[Ben Wolfram]

well I’ll reinstall FireFox and see what’s up. Thanks. Maybe I couldn’t find an error in my code because there wasn’t one!

[Ben Wolfram]

solved thanks.

[TheDoc]

What was the issue?

[Ben Wolfram]

Can’t say for sure, but something to do with FireFox. I uninstalled it and all its files and there no longer is a problem.

[Author]

Posts