I have a form here: http://mercedesbenzsanjuan.com/home/
When you make a selection on the radio buttons, it's auto-scrolling to the top of the page. this only happens in Firefox and Opera.
Any one have any ideas how to fix this?
If you see different browsers react differently, the first step would be to validate the XHTML on the page to see if you can get all browsers to react the same.
If I had to guess, I would say the HTML you added to the form to get the car images in there is what is causing the problem.
I've gotten my errors down to 2 in the validator (1 is coming from Gravity Jquery).
I started troubleshooting and I've narrowed it down to something in my theme as it works fine with all plugins activated in Twenty Eleven. I'll start removing JS and Jquery to figure out what I added to screw it up.
Thanks. I'll post back when I figure it out.
So it's not a js apparently, it's the CSS, but I can't seem to figure out what would be doing it.
Are there any areas of the form that when clicked that are supposed to send the page to the top that might be "floating" over that area or something? I can't see why this would be happening. But it's definitely the CSS.
I made a page with just the form on it ( http://mercedesbenzsanjuan.com/just-the-entry-form/ ) in the theme I built, and it worked fine. Then I added in the stylesheet for the homepage and it started scrolling to the top when clicking on those elements.
I'm pretty good with CSS, but I'm missing something... any ideas?
and... I figured it out!
It's because I was positioning the actual input button off the screen instead of just visually hiding it. I think that maybe as you clicked it it was trying to apply a focus to it and it was scrolling up the page because I had them all positioned beyond the very top left of the page.
Blerg... what a mess for something so simple.
This can be marked as resolved.
Glad you were able to figure it out. All my best!