PDA

View Full Version : Content expand to full after sidebar?


jackpearce
February 20th, 2006, 04:30
As you can see on any k2 site (including mine: jackpearce.com) the main content (posts) don't fill the whole width of the screen because of the sidebar.. how about we somehow set the posts that appear after the bottom of the sidebar expand over to full width?

bobdogg
February 20th, 2006, 08:05
by default, the primary div is floated to the left and the secondary (sidebar) is positioned using margins (at least I remember so)

you need to unfloat the primary and float the secondary. Thats the gist of it anyways.

jackpearce
February 20th, 2006, 09:26
by default, the primary div is floated to the left and the secondary (sidebar) is positioned using margins (at least I remember so)

you need to unfloat the primary and float the secondary. Thats the gist of it anyways.
I tried it.

It just appears to put the sidebar real far down the page.

bobdogg
February 21st, 2006, 05:13
My previous reply was a little ambiguous. 'll try to make myself clearer.

the primary div is floated to the left by default. You should unfloat that by removing the float: left statement

the secondary div is positioned using margins. You need to float that to the right and remove all the margins.

If things still don't work out, you should play with the margins and widths around a bit. If the sidebar is on the bottom, its possibly too wide to fit on the side of the primary so reduce the width of secondary or put a negative margin on it.

jackpearce
February 21st, 2006, 05:46
My previous reply was a little ambiguous. 'll try to make myself clearer.

the primary div is floated to the left by default. You should unfloat that by removing the float: left statement

the secondary div is positioned using margins. You need to float that to the right and remove all the margins.

If things still don't work out, you should play with the margins and widths around a bit. If the sidebar is on the bottom, its possibly too wide to fit on the side of the primary so reduce the width of secondary or put a negative margin on it.
Yeah that's what I did lol.

I'll play with the widths in that case :).