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

HTML How to Make a Website Adding Pages to a Website Style New Pages

Posted by Chris Eaton
Chris Eaton
1,120 Points

Profile Photo out of place in firefox

I'm using the latest version of mozilla firefox (v28). For some reason the profile photo that I styled using the steps in this video, is positioned at the very top of the page. Immediately to the right of the header.

Any clue on why? I even downloaded the treehouse provided Project files to make sure I didnt screw anything up in my own code. The treehouse project files have the same issue. The profile pic still appears at the top right of the page instead of the center. I've tried the same file in IE and android's browser and it works perfectly fine so I'm guessing its a firefox issue.

Chris Eaton
Chris Eaton
1,120 Points

I figured it out. The "float: left;" from the header was causing the problem. I added a "clear: both" to my .profile-photo rule and that fixed the issue. I'm still not sure why it displays fine on other browsers without the clear declaration. Hmmmm.

Lauren Phillips
Lauren Phillips
13,264 Points
Lauren Phillips
Lauren Phillips
13,264 Points

Thanks! My problem w/Firefox was a little different, but "clear: both;" still did the trick. My photo wasn't showing up at all - based on process of elimination, it looked like some kind of issue with "display: block;".

Jason Anello
Jason Anello
Courses Plus Student 94,610 Points

This was discussed in a post yesterday and Nick had updated the Teacher's notes to include a section titled "Correction for firefox".

It does seem to be a firefox only problem.

1 Answer

Joe Raffanti
Joe Raffanti
2,978 Points
Joe Raffanti
Joe Raffanti
2,978 Points

I had the same problem and clear: both; worked for me too.

Thanks!