Border around center content on all pages

I have been trying to put a border around the center column on the index page of my demo site but have been having some problems with the way it is displayed. You can see the site at http://www.bedlinersupplies.com/demo/ In IE and Firefox the border is not going completely around the column.

What I am hoping to get is the same effect as the sideboxes that I have on the site with the double border. I am assuming that to achieve this I would need to use images for the border but I am not sure what files I would need to edit to make this work. I would like this border to show up around the center column on every page.

Any help would be appreciated

try adding this to your css file.

#indexDefault {
    border: 1px solid #000000;
    }

Empire402:

I have been trying to put a border around the center column on the index page of my demo site but have been having some problems with the way it is displayed. You can see the site at http://www.bedlinersupplies.com/demo/ In IE and Firefox the border is not going completely around the column.

What I am hoping to get is the same effect as the sideboxes that I have on the site with the double border. I am assuming that to achieve this I would need to use images for the border but I am not sure what files I would need to edit to make this work. I would like this border to show up around the center column on every page.

Any help would be appreciated

This seems to work, in your stylesheet.css

.centerColumn {
	padding-left: 1.5em;
	padding-right: 1.5em;
	padding-top: 1em;
	padding-bottom: 1em;
border: 2px solid #FD9A01;

I hope that is what you needed anyhow.

Nice website by the way, very cool indeed.

Thanks for the replies.

I have tried adding both to the style sheet but the border does not go all the way around the center column, on pages where the side boxes extend further down than the content in the center column the border will stop at the bottom of the content in the center column even though the center column background color continues.

You can see what I mean here http://www.bedlinersupplies.com/demo/index.php?main_page=index&cPath=7. It does the same thing in firefox and IE (although it looks worse in IE) any ideas how I can make it go all the way around the center column?

You could try pulling the ID #contentMainWrapper out of the group it is in, and add the border to that indidually so something like this

#contentMainWrapper
	{
	margin: 0em;
	padding: 0em;
	border-color: #F4A460;
	border-bottom: 1px;
	border-left: 1px;
	border-right: 1px;
	}

I have left the top border off on purpose, as it might interfere with the bottom border of .centercolumn

Give it a go, see how it works.

I tried adding a border to #contentMainWrapper but it puts a border around the entire content (center column as well as the side boxes) I just can't seem to get this to work. If anyone has any suggestions I would really appreciate the help. Thanks again for the help!!