Question

I have had numorous of problems whilst building this website, especially with Internet Explorer.

When contact is clicked it messes up the animation and then once again when cancel has been clicked.

I have also used Spark JS, but this too seems to play up (only in IE).

Spark tests are here:
Spark 2
Spark 3

Answer 1

I think you are having a css issue, especially if the problem exists while using two different javascript libraries. Hide the div without using any animation and get the css positioning set, then add in the animation.

Also, there is no reason to use jQuery live() if all of the content for every page is loaded at once.

Edit: Hmmm, after looking a bit more it might be the positionFooter() function that is having issues. Try adding a position: relative to your container then position: absolute to the footer and position it using bottom:0 instead of calculating a new top constantly. That way it is attached to the container block and there shouldn’t be a need to use the positionFooter() function in the first place.

---

Edit: ok, at the top of your page, inside the <style> section add this:

.container { position: relative; }
#footer { position: absolute; bottom: -100px; clear: both; }

then disable the positionFooter() function.