Layout error [WP page] when Article is short, right column shifts under Article

[caseyburnett]

I’m trying to build a friends website, I’ve modified a WP theme by using a child theme. It looks as he wants it on the landing page, however when I tested with filler text which is short, the layout breaks. One of the right column’s two sidebars drifts almost to center under Article.

I’m guessing it is a CSS thing, as it breaks in FF / Chrome / Safari.

I’ve done various reading online, and experimented with (positioning, height, etc). I don’t know what I’m missing. bummer. thanks in advance.

[working layout — lots of text in “article” section]
http://www.stillmountaincounseling.com/wordpress/

[error layout — ]
http://www.stillmountaincounseling.com/wordpress/services/

[fredthewebchap]

Try giving your content div a min-height value so it shoves the sidebar items to the right.

[caseyburnett]

Thx @fredthewebchap that did work. I am worried though that the top sidebox will change in height and I might get a glitch. But for now this is something I can live with.

[Senff]

I’d say it would be safer to put the two sidebars in a DIV together (that’s floated right and has a 170px width), so that they will never get separated.

[Author]

Posts