Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS How to Make a Website Responsive Web Design and Testing Adjust the Profile Page and Header

JP Chaufan Field
JP Chaufan Field
1,655 Points

When I apply float:left; onto my .logo, it disappears.

So I tried to fix the issue on my own. I don't think its a typo error. I searched on google and found

http://stackoverflow.com/questions/9538247/css-background-disappears-when-using-floatleft

and learned that .logo's parent element, <header> was disappearing because when I use float:left, it reduces the height so that the #logo (which has m1 and h2 in it) doesn't show anymore.

i also learned that if I add 'overflow: hidden;' that it magically fixes the problem.

what I don't understand is what overflow: hidden; means, why Nick didn't have to use it, why was this not a problem when floating other parts of the page, and what if any side effects there are to using overflow: hidden;

thanks

JP Chaufan Field
JP Chaufan Field
1,655 Points

never mind, figured it out, it had nothing to do with overflow, but some weird problem with the margins of my h1 and h2 inside .logo. When I set those, it made the .logo float normally.

roxannecarlson
roxannecarlson
8,131 Points

I believe this is covered in the CSS Layout Techniques in the Web Design Track.