Hello ...

 

I'm wondering whether anyone can offer advice. I'm currently working on a site (early stages), and struggling to get the main container div to stretch right down to the bottom of the screen.

 

Here's a link to my current draft index page, to show what I mean. None of the links on the page work, and it's still rough, just so you know:

 

http://doverbroecks.com/tomp/index.html

 

Basically, I want to make the main content box continue to the very bottom of the screen, not to finish just 5-10px before the end. It's probably something simple I'm missing ...

 

Thanks very much ...

Welcome to WDF!

 

I take it you mean the right border? If so use an image background in the main content container.

Hi Bluedreamer ...

 

Thanks for replying, and for the welcome ... I've just realised that this issue doesn't rear its head in the same way when I look at the page in Firefox (I'd been in Safari, previously) -- Safari stretches the content area right to the bottom.

 

(And the Firefox version also seems to be 1px out of line ... So I have a few things to work at!)

 

What I've done, currently, is give the container div a height of 100% ... But I don't think this is quite right, as my page will always have a vertical scroll bar, however I resize the window it's displayed in. I believe this is because the div has a height of 100%, but does not start at the top of the page. So it's stretching *beyond* the bottom of the window, if that makes sense.

Looks like the right is 1 or 2px out. But use a background image like has been said, as long as the sidebar is a static width.

 

Hopefully CSS3 may make this sort of thing easier in the future.