This is my first attempt at coding a site by hand using CSS to control the layout (I have to admit, it's pretty damned cool, this CSS business.)

As you can see my page goes down for 500 pixels. I tried setting the page-container's height to 100%, and when I set the div's for the shadows and the content area to 100%, the site disappears.

Page here
http://www.prestonknights.com/v2/template.htm

Stylesheet here
http://www.prestonknights.com/v2/default.css


I realize troubleshooting this kind of stuff is a painful process, but I would be extremely grateful to any gurus who would grace me with their knowledge. Also, the design looks a bit drab atm, I was simply trying to get the layout running. There are a few more graphics I have left to add. Fear not.

On a side note... You'd think there would be a horizontal alignment property in CSS. All that works for centering a div is a cheap workaround. What gives?

There is a workaround for getting a scrollbar to appear in Firefox and Mozilla browsers that might work her to extend the length of the div container (not sure, but worth an attempt). Try adding an invisible spacer in the background of the content div, that extends past the length of the page (say, 1500 px). That might work, or it might screw it up even more

Aren't I helpful?

make a background image of 1px high and the width of the page of the part you want to continue to the bottom, and make that the background image of the page

so basically you have the middle part repeating underneath everything, and then use div's for the header and footer to put any different images that you want at the top and bottom.

hope that makes sense, just woke up

that makes perfect sense... But I shouldn't have to do it that way. I am all for web standards, but why hasn't this kind of stuff been made easier yet?