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: 536
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