I have found lots of solutions to push the block down to align a floating object with the text or objects that are wrapping around it. My problem is a little bit different.

I am using a custom template with Wordpress built by someone else who no longer works for us.

I have a floating navigation element that floats to the right. I have page text that floats down on the left side that is followed by posts. (This is more or less a blog page.) I cannot get the posts to follow the page text immediately--they jump down below the floating navigation element.

Please help me. URL: http://www.centerpointechurch.info/vision/current-qa/

2 answers

o.k.w 2355

The problem lies with the element after the right navigation:

<div class="clear"></div>

which 'breaks' the floating behaviour.

Try using this:

<div style="clear: left;"></div>

Or define a new CSS class "clearLeft" for it.

It works for me on FF and IE8.


Answered over 8 years ago by o.k.w
  • I tried creating .clearsel{clear:left;} in my css, but ended up clearing the right nav and the page info out completely. How is this very good solution different? Karen Glaesemann over 8 years ago
  • I've no idea but it seems your site looks ok now. if the css class is .clearsel, the html markup should be `<div class="clearsel"></div>`. You did that and it doesn't work? o.k.w over 8 years ago
BPartch 342

It looks that it is not in the markup in the right place, judging by the little bit of text at the top left and where it appears in the markup, after it comes the right sidebar and after that comes the content in question.

I also notice that there are 2 <div id="content"> in there.

I'd start by fixing all teh validation errors and than at least you know that is not what is causing it to be askew.

Answered over 8 years ago by BPartch
  • Yeah, I know about the validation errors. Having not originally authored the css and the themes is a time consuming problem to solve. Karen Glaesemann over 8 years ago