Getting content box to stretch

www.nick.nixism.com/gta2/

If you have a look at my posts there, you will notice down the bottom they are outside of the content box, how do I fix this?

I am guessing it has something to do with CSS?

Help would be appreciated.

Thanks,
Nick.

add <br style="clear:both;" /> just before the </div> of #panel_center_text
that should pull it down.

or, to make this more efficient, add

.clear {
clear:left;
}

to your css and use

<br class="clear" /> instead of <br style="clear:both;" />

Liam add that is bad practice.

http://www.positioniseverything.net/easyclearing.html use that.

I would but not all browsers support :after, or :last-child etc untill there is some major support then I'll still use additional markup.

edit: just found a better way way add overflow:auto to your content div. make sure your content div doesn't have a height attached to it.

that will save me so much time.

The IE bug is fixed in clearfix. This is why it has height:1% as it triggers hasLayout. Hence IE clears with out the :after so your wrong there.

Also overflow:has some errors with it. Read the sitepoint post.

but those errors are easily overcome.

Got it fixed anyway, cheers guys.

I'm interested to know which method you used now, lol.

Anyways, I was thinking the other day, why remove html for semantics when you are just going to use a load of css hacks which is still more bloat.

adding overflow:auto without a height or setting height:100% stops vertical scrollbars, and to stop horizontal, you can add overflow-x:hidden or just make sure your content isn't too wide.

You remove html elements because with XHTML and CSS you separate content and presentaion.

With clearfix you are not adding more bloat to the code. You set it as a class and then link the element with the class name. You only have to link it instead of writing overflow all the time.

At the end of the day just use what you feel works best for you.