This may not be the right place to ask...please let me know if I need to post this somewhere else. I'm terribly new at this and I'm sorry if this is an issue that has been covered many times before. I'm sure this is not an issue with the Zen theme but I can't seem to find an answer anywhere. I'm trying to create a custom theme using Zen as the base. I'm having a problem with content that does not fill page causing the image I am using as a background to be cut off where the content ends. I'd like for the background image to be at least 100% the screen height whether or not the content is.
I'm using layout-fixed.css and have tried min-height: 100%; for page, html, body, etc. If I use a specific height I can get it to work but then you have to scroll for lower resolutions. That's not horrible but I'd like to have no scroll-bars when there is no reason to scroll. Here's an example of what I'm talking about. http://i43.photobucket.com/albums/e369/rwfaught/screen.png
There I've created a page that contains only the word 'Music' and since the content does not fill the page the image just stops there. How is this solved? I will include my CSS files if needed.
Forgive me for my noobness but what am I doing wrong?