Title: Bizarre container DIV height problem
Last modified: August 19, 2016

---

# Bizarre container DIV height problem

 *  Resolved [ryanhbowman](https://wordpress.org/support/users/ryanhbowman/)
 * (@ryanhbowman)
 * [15 years, 6 months ago](https://wordpress.org/support/topic/bizarre-container-div-height-problem/)
 * For some reason when I pull in posts and separate them into columns on a page
   the container DIV freaks out. I can’t for the life of me figure it out. I have
   looked for any heights set anywhere and there are none. It seems to only happen
   when I put the float on the DIV that makes the posts move into columns.
 * Help! Thank You!
 * Check it out, the gray box is the container.
    [http://southwarkplayhouse.co.uk/New_Site/whats-on/](http://southwarkplayhouse.co.uk/New_Site/whats-on/)

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

 *  [esmi](https://wordpress.org/support/users/esmi/)
 * (@esmi)
 * [15 years, 6 months ago](https://wordpress.org/support/topic/bizarre-container-div-height-problem/#post-1733949)
 * Start by sorting out the [markup errors](http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fsouthwarkplayhouse.co.uk%2FNew_Site%2Fwhats-on%2F).
   Then move onto the [CSS errors](http://jigsaw.w3.org/css-validator/validator?profile=css21&warning=0&uri=http%3A%2F%2Fsouthwarkplayhouse.co.uk%2FNew_Site%2Fwhats-on%2F).
   
   [http://codex.wordpress.org/Validating_a_Website](http://codex.wordpress.org/Validating_a_Website)
 *  Thread Starter [ryanhbowman](https://wordpress.org/support/users/ryanhbowman/)
 * (@ryanhbowman)
 * [15 years, 6 months ago](https://wordpress.org/support/topic/bizarre-container-div-height-problem/#post-1733957)
 * Thanks esmi and good point, should’ve done it before I asked too….anyway, it 
   is validated now except for the font-face stuff which according to other folk
   doesn’t validate in CSS2.
 * Alas, the problem is still happening.
 * Any ideas?
 *  [esmi](https://wordpress.org/support/users/esmi/)
 * (@esmi)
 * [15 years, 6 months ago](https://wordpress.org/support/topic/bizarre-container-div-height-problem/#post-1733962)
 * You need to add a “clearfix” to the enclosing container as the last few boxes
   are all floated. something like:
 *     ```
       /* clear all floats */
       #content:after {
           content: ".";
           display: block;
           height: 0;
           clear: both;
           visibility: hidden;
       }
       ```
   
 * should fix it.
 *  Thread Starter [ryanhbowman](https://wordpress.org/support/users/ryanhbowman/)
 * (@ryanhbowman)
 * [15 years, 6 months ago](https://wordpress.org/support/topic/bizarre-container-div-height-problem/#post-1733965)
 * Thanks very much, I had never seen the :after thing before, it is cool. I made
   a clearthis class that does what you said and it works like a charm. Thanks again…
 *  [esmi](https://wordpress.org/support/users/esmi/)
 * (@esmi)
 * [15 years, 6 months ago](https://wordpress.org/support/topic/bizarre-container-div-height-problem/#post-1733968)
 * No problem. 🙂

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

The topic ‘Bizarre container DIV height problem’ is closed to new replies.

## Tags

 * [container](https://wordpress.org/support/topic-tag/container/)
 * [css](https://wordpress.org/support/topic-tag/css/)
 * [div](https://wordpress.org/support/topic-tag/div/)
 * [template](https://wordpress.org/support/topic-tag/template/)

 * 5 replies
 * 2 participants
 * Last reply from: [esmi](https://wordpress.org/support/users/esmi/)
 * Last activity: [15 years, 6 months ago](https://wordpress.org/support/topic/bizarre-container-div-height-problem/#post-1733968)
 * Status: resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics