So i have a page which layout "fits" to screen, so that users do not have to scroll to view the content in the middle.
It has a header, a container/body area (with its own internal scrollbar) and a footer that supposedly sticks to the bottom.
The problem: for IE when many toolbars are installed, the footer goes missing, and since the noscroll is on, the users can't scroll down to see it. (See screenshot "image.jpg" attached for problem of being cut off, see screenshot "image2.jpg" for what it should look like).
What is the best way to work on a site's CSS such that it really calculates the screen space that a user's browser has (according to how much toolbars installed etc) and place the different DIVs neatly, and not force the footer out of the page when screen space is limited (for example, when different number of toolbars are present)? Would like to learn how to best position elements to accomodate to different browsers and all the tricky toolbars.
The site is here: http://ams-holding.com.sg/
- if you view the page in firefox, you'll get redirected to index-ff.html which roughly has the same code.
- also critique on any thing you feel is not right. the code is extremely messy. :/