Hello, I have been working on this website, and being the old "HTML'er" I am, I can't seem to fully understand the workings of today's modern sites. I can read CSS and somewhat understand it, however when it comes to writing it and actually doing more than basic things with it - I really get lost. Here is my problem: I want this website to scale with all resolutions. What is happening is that when I have it in non-widescreen mode, the text is longer vertically and makes the page full (which is a good thing). BUT! Now, when I put it into Widescreen resolution (like my own monitor) the text spreads out sideways because it's a "liquid / scaling" page - and it creates a huge gap between footer and text (because of the loss in text height). So, if anyone would be wonderful enough to fill me on how to possibly make this footer move up and down depending on the contents of the page, then that would be lovely and very appreciated. note: Also, I think the side bar to the left might have something to do with it, because I keep seeing a border line (which I found the code for in the CSS *border-right 1px solid #eee*). However, I don't know how to make it so this line scales, it just seems to continue on for as long as it feels so. Here are 2 smaller screenshots to give you an idea. NON WIDESCREEN AND WORKING PROPERLY (still though, you can see how the left navi-bar keeps going. I think the text height is just giving the illusion that it's working) WIDESCREEN RESOLUTION AND FAILING Thanks!