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 trialJP Chaufan Field
1,655 PointsWhen 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
roxannecarlson
8,131 PointsI believe this is covered in the CSS Layout Techniques in the Web Design Track.
JP Chaufan Field
1,655 PointsJP Chaufan Field
1,655 Pointsnever 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.