http://hvacdirect.us/

I can't figure out how to fix this. This is the first time I have actually tried using floats in CSS. I have always positioned absolutely inside relative, however the problem with this is that whenever I add content it goes over the bottom of the page.

Please look at the source of this page and tell me where/where not to use floats, where I should clear them, and why my content is passing my footer.

Thanks in advance,
Brandon

float BOTH columns to the left or put the right float before the left float in the document flow.

Thanks Chris, you really know your stuff.

How would I fix the content text passing the footer?

use clear:both on the footer and/or before closing the parent container of the floated elements.

I am already using clear:both on .footercontainer

edit: I also tried clear:both at the bottom of the content div, still no cigar.

add

.contentmain p:lastchild {
      clear:both;
}

to the stylesheet.

or set overflow:auto to .contentmain


That should break the floats and allow contentmain to enclose the floated elements.

.contentmain p:lastchild {
      clear:both;
}

Didn't do anything to the page.

Adding overflow made the .contentmain scroll (the way an iframe looks)

Okay I figured out what was wrong with it. My content main div had a fixed height of 700px. I removed this and the div now stretches.

I now have another problem. If you visit the site again, you will see that there is a big space on the left that isn't filled in. I have a div that I am trying to fill in with a white background to take up this space.

the div name is .blankleftspace. I have given it a height of 100%, but it does not actually fill the area for some reason.

I'm sure this should be an easy one for you.

http://www.webmaster-talk.com/css-fo...l-browser.html