Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

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

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.

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

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;".

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

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

Thanks!