Home › Forums › CSS › 3 colum fluid layout › Re: 3 colum fluid layout
September 22, 2012 at 3:50 pm
#110593
Participant
This is part of the code I stripped out and put in a separate css. You could put it in the same one, just make sure it’s at the very top so the line numbers match the commenting.
#colmid { /* Left Column Size */
left: 230px; /* (253) */
} /* If +/- then Line 6, Line 10 & Line 14 */
#colright { /* Right Column Size */
margin-left: -460px; /* (250) = right column size - left column size */
} /* If +/- then Line 10, Line 15 & Line 19 */
#col1pad { /* Center Column Padding */
margin: 0 15px 0 475px; /* CCP = 0(top) 15px(right) 0(bottom) 415px(left padding + left & right column sizes) */
}
#col2 { /* Left Column Padding */
width: 200px; /* (0) LCRP = left column size - left and right padding === Default - 170px */
left: 245px; /* (0) LCLP = right column size + left column left padding === Default - 215px */
}
#col3 { /* Right Column Padding */
width: 200px; /* (15) RCRP = right column size - left and right padding - Default 170px */
left: 15px; /* (15) RCLP */
}