Bizarre container DIV height problem | WordPress.org

Resolved ryanhbowman
(@ryanhbowman)

13 years, 6 months ago

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/

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

esmi
(@esmi)

13 years, 6 months ago

Start by sorting out the markup errors. Then move onto the CSS errors.
http://codex.wordpress.org/Validating_a_Website

Thread Starter ryanhbowman
(@ryanhbowman)

13 years, 6 months ago

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
(@esmi)

13 years, 6 months ago
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
(@ryanhbowman)

13 years, 6 months ago

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
(@esmi)

13 years, 6 months ago

No problem. 🙂

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

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

Tags

In: Themes and Templates
5 replies
2 participants
Last reply from: esmi
Last activity: 13 years, 6 months ago
Status: resolved

Topics

Topics with no replies

Non-support topics

Resolved topics

Unresolved topics

All topics