jQuery/CSS height issues in IE/Chrome

Posted by abysslogic on Stack Overflow See other posts from Stack Overflow or by abysslogic
Published on 2010-04-19T00:00:40Z Indexed on 2010/04/19 0:03 UTC
Read the original article Hit count: 538

Hello again, I am back with more problems on my jQuery animated splash / website.

You can see the splash which is working in most browsers at voidsync.com/test. The problems I am encountering with IE are the html, body, or #CONTAINER not adjusting to longer content such as in the Services or About pages - you will see the footer does not properly move to the bottom.

Refreshing the browser after loading or completing the splash, the pages height adjusts properly to fit the content. Also this works in IE8 with JS disabled, so I know the problem is in there. (except in IE7 or IE8 compatibility mode, where the footer does not move down, period).

I can post code here if needed, but im not sure if that is necessary or possible as you may need to see all of the source code to get the right idea.

Bonus question

The Hosting page has similar problems in Chrome, where the content height does not appear to resize properly on that one page, or the footer becomes overlapped which may be due to the styling used on table elements.

Thanks in advance!

© Stack Overflow or respective owner

Related posts about jQuery

Related posts about css