Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS 3 colum fluid layout Re: 3 colum fluid layout

#110593
John
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 */
}