My web-page which can be seen on the URL link within this post.
Consists of a header, navigation panel, left column (text), right column(pictures) and a footer (All of these hav div tags assigned to them).
The footer is set to be displayed 20pixels from the bottom using the code below:-
border: 1px solid #000000;
However, if the content of right/left columns is more than can be displayed on the current browser window the scroll bar is present and the footer isn't the last element to be displayed, as the contents of the left and right columns is displayed underneath.
If the footer is displayed directly after the content of left/right columns then the footer could potentially not be positioned 20 pixels up from the bottom of the screen.
The screenshot should hopefully explain this better than my words:-http://i140.photobucket.com/albums/r13/robtyketto/catsitenonfullscreen.png
I played around with overflow option without success, can anyone assist in providing possible solutions so the footer is always displayed at the bottom of the page?
Also I do not know if what I want is actually possible, which I guess to summarise is the text to always be clearly visible and a foot at the bottom of the page independant of the current browser display size.
Thanks and hope that made sense