I am havaing problems with creating the CSS for my wesbite.
What I wish to do is to have a sidebar on the left and main content on thr right. I wish for the main content to be scrollable, but not the page to be scrollable, just the main content to be scrollable.
At the moment I have the sidebar and content div's with a specified height. Obviously this is a problem because screen of 1280x1024 have an inch and half gao at the bottom of the page, whilst on a smaller screen the user has to scroll the page to see the bottom of te main section whcih is scrollable.
No matter what I seem to do I cannot get it to work. If I use height:###% then it does nothing, not matter what percent I use for a div height, it still just shows up as the full height of the div and the entire page scrolls, not the div.
I am still very new to CSS and I am learning as I go along.
All I wish to do is to have the page fit to what ever avaiable space he browser offers without having the entire page scroll, just the content div should sroll, all else should remain static. The fixed heights solve this, but as I said before, depending on the resolution of the screen then the sometimes the scrolling div istaller than the available space, or much shorter. Ideally I would lik the div to use all of the available viewable space the browsers offers after the initial header image, but withut the page having to scroll, just the content div.