CMS CMS Grid Problems Fixed/Fluid/Fixed
 

So I am wanting to utilize the default grid in my CMS layout, but am having problems with how it is laying things out. I want the left and right columns to be set at approx 240px and the center main content area to be fluid. I tried using the wizard to acomplish this, but didnt work. Here is the default code that is geting the closest to what I want. Problem with the default code is that the right column is cut off just ever so slightly. Can someone take a look at this code and let me know what I am doing wrong. The site is themuscleforum.com



Code:

#gridl3_container {
position: relative;
clear: both;
float: left;
width: 100%;
overflow: hidden;
}

#gridl3_midshift {
float: left;
width: 200%;
position: relative;
left: 170px;
}

#gridl3_rightshift {
float: left;
width: 100%;
position: relative;
left: 50%;
margin-left: -340px;
}

#gridl3_midmask {
float: right;
width: 50%;
position: relative;
right: 100%;
}

#gridl3_midcol {
margin-left: 340px;
width: 100%;
overflow: hidden;
}

#gridl3_leftcol {
float: left;
width: 170px;
position: relative;
margin-left: -50%;
left: 170px;
overflow: hidden;
}

#gridl3_rightcol {
float: left;
width: 170px;
position: relative;
left: 0px;
overflow: hidden;
}

#gridl3_content {
margin-right: 340px;
}

• $column[2]

• $column[1]

• $column[3]