Removing 1 column from 3 column layout

[finkdawg5]

Hi all,

I'm using a free layout I found on an open source web templates site (cheating, I know :p )... It's really working out pretty well, except that I want to remove the right hand column on some pages, and I'm having a pretty rough time. I can pretty much edit out the column and contents, but I can't figure out how to stretch the center column to cover where the right hand column was. Ok that was a mouthful, hopefully you understand what I mean. The template I'm working on is here http://www.newtonpolice.org/test/ Any hints you could provide would sincerely be appreciated. Thanks!!

[jscheuer1]

Using these styles will disable the third column without even removing it from the markup:


#extras {
float: right;
width: 1px;
margin: 0 0 0px 0;
padding: 0;
font-size: 1px;
visibility:hidden;
}

#extras p {
margin: 0 0 0 0;
}

#content {
margin: 0 0 20px 160px;
border-left: 1px solid #f0f0f0;
border-right: 1px solid #f0f0f0;
padding: 0 10px 0 10px;
line-height: 1.6em;
text-align: left;
}

If you remove the content and markup from the extras section, simply using the red highlighted style for #content selector should do the trick.