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 trialChris Eaton
1,120 PointsProfile 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.
Lauren Phillips
13,264 PointsThanks! 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
Courses Plus Student 94,610 PointsThis 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
2,978 PointsI had the same problem and clear: both; worked for me too.
Thanks!
Chris Eaton
1,120 PointsChris Eaton
1,120 PointsI 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.