Hi guys, I'm having an issue where a validation error causes the form to overlap the footer in my WooThemes Canvas-based design. Here's a screenshot from my client:
http://owely.com/1Wz2H4
You can see that the submit button overlaps the footer content. This only seems to happen in IE (of course). Any ideas of what might be going on?
Oh, and here's an example URL: http://4clicks.us/industries/dod/
The problem is with your theme styles. The .entry (class) div has an "inline-block" property applied to it and that's apparently what's making IE angry. When you disable that property, the form displays properly even when the validation is triggered and the form takes up more vertical space.
If you switch from the Ajax submission method to the standard method, the problem may remedy itself as the page will reload and the browser may re-interpret the adjusted element height properly and prevent the overflow. As it is now, the page/CSS isn't reloaded, just the content.
Ah, interesting... and a great find on your part! It was driving me crazy trying to nail it down. I've commented out the inline-block property and I'll test and move forward from there. Thanks for your help and prompt response!
I'm happy I could help out. Thanks for the update.
