Wordpress Help - 2 Columns Of Posts

[Scotty.T]

Anybody played about with their WP theme and got it to display 2 columns(or more) of posts with posts running horizontally sequentially but with a fluid post length?

With a fluid post length, the sequence gets screwed up and there's a lot of white screen which makes it look shit.

I can get it to work if I have a fixed post length but that's not ideal. Just wondered if anyone's done it, or if it's even possible

[fris]

this is more of a css issue than a wordpress one, you probably want to take advantage of grids.



http://www.frogsthemes.com/portfolio...ess/foliogrid/



http://www.blogohblog.com/wordpress-theme-clearpress/

[fris]

might want to check out this

http://desandro.com/resources/jquery-masonry/

jQuery Masonry is a layout plugin for jQuery. Think of Masonry as the flip side of CSS floats. Where as floats arrange elements horizontally then vertically, Masonry arranges them vertically then horizontally. The result leaves no vertical gaps between elements of varying height, just like a mason fitting stones in a wall. Masonry will work with all structural elements: div’s, lists, p’s, spans.

There are no setting or options within in the plugin. Instead, all spacing properties can be set with CSS. The only property required for Masonry to work is for the width of the child elements. Child elements should be should have equal width in order to avoid any overlapping.

[Scotty.T]

Ah now that looks like what I am after. Thanks fris.

I have a lot of your posts bookmarked for reference but I must have missed this one when I was looking through them again. I know I've seen you post the folio stuff before.

[Angry Jew Cat - Banned for Life]

just nest fixed width divs, at half the width of the containing div, and align them all left?

[Scotty.T]

Originally Posted by Angry Jew Cat

just nest fixed width divs, at half the width of the containing div, and align them all left?

I think that's what the different solutions I've tried does.

Problem comes when posts are different lengths - the post after the 'long post' starts on the column it's supposed to but it's starting point is level with the end of the 'long post' which means there is a huge gap between the post above and this new post. If you see what I mean.

I think I can get a solution from what fris posted.

[MediaGuy]

Originally Posted by Scotty.T

I think that's what the different solutions I've tried does.

Problem comes when posts are different lengths - the post after the 'long post' starts on the column it's supposed to but it's starting point is level with the end of the 'long post' which means there is a huge gap between the post above and this new post. If you see what I mean.

I think I can get a solution from what fris posted.

CSS issue.
try:

div style display: inline

or do a clear: right

Just a suggestion without actually having seen the thing...

:D

[fatfoo]

2 columns - that's interesting. It would make it look more like a newspaper of some kind.

[Scotty.T]

Originally Posted by MediaGuy

CSS issue.
try:

div style display: inline

or do a clear: right

Just a suggestion without actually having seen the thing...

:D

I'll have to read up on that first and give it a try I'm crap at this

Thanks.

[Pandoras]

we never try this before , looks interesting

[Angry Jew Cat - Banned for Life]

Originally Posted by Scotty.T

I think that's what the different solutions I've tried does.

Problem comes when posts are different lengths - the post after the 'long post' starts on the column it's supposed to but it's starting point is level with the end of the 'long post' which means there is a huge gap between the post above and this new post. If you see what I mean.

I think I can get a solution from what fris posted.

I just set a fixed height also, and on the main listings page use an excerpt as opposed to the full post. Keep the height issue at bay.