Hi there,
I'm trying to position a footer at the bottom of my pages, regardless of the browser length. I can't use absolute positioning due to pages which require vertical scrolling. I've tried using relative positioning with body and div heights of 100%, however, on pages that are shorter than the browser height, the footer moves up from the bottom of the window in IE.
A link which displays this problem is:
<!-- m --><a class="postlink" href="http://193.201.133.11/test/services.html">http://193.201.133.11/test/services.html</a><!-- m -->
On pages where the content requires vertical scrolling, the footer (and blue border) is positioned correctly (i.e. at the bottom of the window).
Does anyone have any suggestions to help me get around this?
Thanks in advance for your help.There's a couple of threads in here about 100% height. That's what you're looking for.I've read through these and have used the suggestions for ensuring that the vertical borders on the side of my page extend to the bottom of the browser window, however, I can't get the positioning of the footer correct.
I've also tried setting the height of the table containing the content to 100% but the footer extends a long way beyond the bottom of the browser when I do this.To make those suggestions work you shouldn't be using tables for layout...
I'm trying to position a footer at the bottom of my pages, regardless of the browser length. I can't use absolute positioning due to pages which require vertical scrolling. I've tried using relative positioning with body and div heights of 100%, however, on pages that are shorter than the browser height, the footer moves up from the bottom of the window in IE.
A link which displays this problem is:
<!-- m --><a class="postlink" href="http://193.201.133.11/test/services.html">http://193.201.133.11/test/services.html</a><!-- m -->
On pages where the content requires vertical scrolling, the footer (and blue border) is positioned correctly (i.e. at the bottom of the window).
Does anyone have any suggestions to help me get around this?
Thanks in advance for your help.There's a couple of threads in here about 100% height. That's what you're looking for.I've read through these and have used the suggestions for ensuring that the vertical borders on the side of my page extend to the bottom of the browser window, however, I can't get the positioning of the footer correct.
I've also tried setting the height of the table containing the content to 100% but the footer extends a long way beyond the bottom of the browser when I do this.To make those suggestions work you shouldn't be using tables for layout...