Clearing Content Column Classes

[bionary]

The Genesis Content Column classes don't appear to clear properly, as in clear the floated styles used to created them.
For example this doesn't work:

<!-- row 1 -->
<div class="one-half first"><img src="some-url"></div>
<div class="one-half">Some Description text</div>
<!-- row 2 -->
<div class="one-half first"><img src="some-url"></div>
<div class="one-half">Some Description text</div>
<p>This next block of content content sneaks up into the float</p>

Back in the day I would add something like this after the columns:
<br clear="all"/>

And I realize that's probably not the html5 standard now, but it does work...kind of. If I code it while in the "text" editor it clears the floated columns but once I switch back to wysiwyg mode "visual" wordpress begrudgingly converts all <br/> (breaks) into "& -nbsp;"

So clearing the columns with break tags doesn't appear to be a good solution.

Can somebody please advise on how to get the columns working properly.

[James]

Genesis does have a .clearfix property already in the stylesheet.

so try that

<div class="clearfix></div>

[bionary]

@Jamie, thanks for that.
That indeed does work, but I find it strange that all the genesis columns demos and how-to's do not mention this markup.
For anyone in need here's what works for me:

<!-- row 1 -->
<div class="clearfix">
<div class="one-half first"><img src="some-url"></div>
<div class="one-half">Some Description text</div>
</div>

Thanks again.

[Author]

Posts