Hey, have any of you guys tried displaying the Sub content block in dual columns? I would usually give each container the following CSS:

.block-submenutree .node-teaser {
    float: left;
    width: 200px;
}

But I get some funny looking columns when the content in the left causes the height to be greater than the right because I need a clear: both; property after every second container. This would be much easier if the divs were classed "odd" and "even" or something like that. Any thoughts?

Is there another module which displays a title/link and teaser of child nodes in a block, but make it a bit easier in CSS for multiple columns?
Is there another way of doing this in the CSS? I'm aware that there are CSS 3 solutions, but I'd rather do just about anything else before the browsers fully support it.

Comments

pascalmortier’s picture

pascalmortier commented
Issue summary: View changes

I use jquery to wrap every 2 divs with a new div :

var divs = $(".node-page.view-mode-full > .node-teaser");
for(var i = 0; i < divs.length; i+=2) {
  divs.slice(i, i+2).wrapAll("<div class='clearfix'></div>");
}
ivnish’s picture

ivnish
he/him
commented
Status: Active » Closed (works as designed)