Title: Same height columns
Last modified: August 18, 2016

---

# Same height columns

 *  [melbell](https://wordpress.org/support/users/melbell/)
 * (@melbell)
 * [20 years, 11 months ago](https://wordpress.org/support/topic/same-height-columns/)
 * [Here’s my example page](http://maybmel.beigetower.org/plugins-used/)
 * What I’m trying to do is make that “content” column take up the same height as
   the sidebar column. So the right side would have a white bg all the way down 
   to the footer (like in the default WP theme). I just have the borders in there
   temporarily because they help me see the layout.
 * I just can’t figure out what I need to put in my css to make it work.

Viewing 4 replies - 1 through 4 (of 4 total)

 *  [prissed](https://wordpress.org/support/users/prissed/)
 * (@prissed)
 * [20 years, 11 months ago](https://wordpress.org/support/topic/same-height-columns/#post-187814)
 * People usually get around this by using [faux columns](http://www.google.com/search?q=faux+columns)–
   where you set a tiled background image to your container div.
 *  Thread Starter [melbell](https://wordpress.org/support/users/melbell/)
 * (@melbell)
 * [20 years, 11 months ago](https://wordpress.org/support/topic/same-height-columns/#post-187828)
 * I have found that method since posting…but I’m still having a problem.
 * you can see it now on the link I provided in my original post. The div that houses
   the bg image, is not stretching to the entire height of the floated sidebar…it’s
   only stretching high enough to hold the content div.
 * Do you know a fix for this?
 *  Thread Starter [melbell](https://wordpress.org/support/users/melbell/)
 * (@melbell)
 * [20 years, 11 months ago](https://wordpress.org/support/topic/same-height-columns/#post-187830)
 * Ok I found my answer. If I put an empty div with clear:both; set inside the wrapper
   div, underneath all the content, it will force it to stretch out.
 * So now my code looks like:
 * <wrapperdivwithbackground>
    <sidebardivfloatedleft></sidebardiv> Content Content
   Content <emptydivtoclearfloats></emptydiv> </wrapperdiv>
 *  [Root](https://wordpress.org/support/users/root/)
 * (@root)
 * [20 years, 11 months ago](https://wordpress.org/support/topic/same-height-columns/#post-187838)
 * Welcome to floats. 🙂

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Same height columns’ is closed to new replies.

 * 4 replies
 * 3 participants
 * Last reply from: [Root](https://wordpress.org/support/users/root/)
 * Last activity: [20 years, 11 months ago](https://wordpress.org/support/topic/same-height-columns/#post-187838)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics