How to extend side borders to bottom of browser?

[mrhines1]

Is there a way to make the left and right borders of a layout go all the way to the bottom of the browser window even if the content contained within those borders doesn't extend to the bottom of the page?

I can obviously do this with tables by making the table long enough that it extends beyond the browser's bottom border, but I don't want to use tables and doing it that way also adds the scrollbar on the right when it is not necessary.

Hope that makes sense! Thank you for any help!

[redelite]

*Edit: Nvm, thought you were talking about something else first.

Got a link we can look at?

[mrhines1]

http://www.virginiatile.com/

See how the side borders go all the way to the bottom of the browser window?

[redelite]

Well first off, if your website width is static (not going to change) then you can make a background image for the body. Make it 2px wider than your website and put the borders on the ends, and make it only 1px tall. Then you can just add this to your CSS:


body {
background: url(path/to/image.gif) repeat-y top center;
}


Hope that helps a bit! :beer: