Forums

chanman

I need some help with my footer anytime I float something left in my main-content area it runs together with my footer. It's probably an easy fix I just can't figure it out.

virtual

Add overflow:auto to main-content.

P.S. That background is hard on the eyes, a very light grey might help tone it down a little

joshbedo

overflow:hidden would work as well it's essentially the same thing as using clear:both.

http://webdesignerwall.com/tutorials/css-clearing-floats-with-overflow

furrball1383

If I may ask, which is better to use and why. I've always used clear:both what I'm wondering is if there is a downside to using either command?

WouterJ

I don't like clearing with overflow:hidden. In that way some boxes that are 'out of the box' will not display.

For instance: http://waldio.webatu.com/CSS/clearoroverflow.html

joshbedo

A lot of developers hate seeing tons of divs with a clear:both; class when you can just give the parent element overflow:auto and it does the same thing.

furrball1383

well I generally just use clear:both once, possibly twice in a page and I don't think thats too big of a deal, but i certainly see your point. It would definitely reduce the amount of code in that sense.

WouterJ

@joshbedo, i hate it too. But I use the ::after for that:

#page-wrap::after 
{
  content: ''; /* Because every after want a content */
  display: block;

  clear: both;
}

stevendeeds

CLEAR FIX!!!!!

treehouse : what would you like to learn today?

Forums

Need help with footer