how can i turn this into a 3 column layout like this?

content | left sidebar | right sidebar

instead of the traditional

left sidebar | content | right sidebar

Thanks.

CommentFileSizeAuthor
#2 style.css_.diff589 bytescompudaze

Comments

stevebayerin’s picture

stevebayerin commented

The theme is setup as Content|Main Supplements|Secondary Supplements

in style.css add the lines

#container .content,#main_supplements,#secondary_supplements { float:left;}
#main_supplements,#secondary_supplements {width:220px;}

and add content to the main Supplements and secondary supplements in the block administration menu to see the theme as Content|Main Supplements|Secondary Supplements

compudaze’s picture

compudaze commented
StatusFileSize
new style.css_.diff589 bytes

That didn't seem to change anything.

After playing around with it some more I have gotten the layout I wanted.

content | main_supplements | secondary_supplements

Attached are the changes I made to style.css. Did I do it the 'correct' way? I'm still fairly new to css so I just want to make sure I'm on the right track.

Thanks,
compudaze

Zarabadoo’s picture

Zarabadoo commented

This should already be a 3 column layout actually, formatted like you were asking. Is it not laying out that way for you? I am curious.

Zarabadoo’s picture

Zarabadoo commented
Status: Active » Closed (fixed)