I know exactly how I want the page to be setup, but I've got some learning to do. If anyone can tell me what I'm trying to do (in technical terms) then hopefully I can take it from there.
What I would like to do is have a page with a top and bottom bar/table/whatever that are always there and that stay on the top and bottom even when the page resizes. Additionally, inside the main body there would be a menu on the left that would stay aligned to the top bar as the browser expands downwards.
I want it to be lightweight and tight so that there are no visible boarders, only blocks of color. It seems like CSS is easily the way to go, but in the reading I've done so far I haven't found anything that simply tells me how to do this so I'm not sure if I'm headed in the wrong direction.
The image below should help illustrate my goal. Thanks for any advice, code, or resources you can provide!

|