Home › Forums › JavaScript › jQuery Animate Margin-Left on FireFox
- This topic is empty.
-
AuthorPosts
-
September 2, 2013 at 4:27 pm #148825Ben WolframParticipant
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.
September 2, 2013 at 4:42 pm #148827TheDocMemberI’m not getting any errors in FireFox. What version are you running? I tested v21 and v23, both worked fine.
September 2, 2013 at 4:46 pm #148829Ben WolframParticipantI 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.September 2, 2013 at 6:07 pm #148834TheDocMemberAs 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?
September 2, 2013 at 9:41 pm #148850Ben WolframParticipantwell 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!
September 2, 2013 at 9:57 pm #148854Ben WolframParticipantsolved thanks.
September 2, 2013 at 11:03 pm #148858TheDocMemberWhat was the issue?
September 3, 2013 at 8:18 am #148919Ben WolframParticipantCan’t say for sure, but something to do with FireFox. I uninstalled it and all its files and there no longer is a problem.
-
AuthorPosts
- The forum ‘JavaScript’ is closed to new topics and replies.