BuddyPress.org

Hey Guys,

I’ve been trying to alter the homepage’s column widths and scaling without any success. I’m aiming to make the left column fixed 260 px wide, and have the center column scale to fill the space between the left and right columns.

I floated the left column with a 20 px margin to it’s right.

I removed the width from the center column.

I added a max-width instead to the center column to keep it from scaling the whole page.

However it still seems like it has a fixed width.

Here’s the css code I’ve altered so far.

/*** LEFT COLUMN **********/

#left-column {

float:right;

width:260px;

margin-right:20px;

}

#left-column.span-two {

margin-right: 280px;

}

#left-column .widget h2, .narrowcolumn h2.widgettitle {

background: url(../images/leftcol_header_back.gif) top left no-repeat;

}

#center-column {

float: right;

max-width:600px;

margin-right: 20px;

}

#center-column .widget h2 {

background: url(../images/centercol_header_back.gif) top left no-repeat;

color: #fff;

}

#right-column {

float: right;

width: 260px;

}

#right-column .widget h2, #sidebar h2.widgettitle {

background: url(../images/rightcol_header_back.gif) top left no-repeat;

color: #fff;

}