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 Adding Pages to a Website Style New Pages

killian mcCloskey
killian mcCloskey
456 Points

my nick picture does not appear correctly in firefox but does seem to work in google chrome.

hi guys, so far really enjoying the project and learning/reinforcing a lot of great things. but i have run into an issue when adding a picture to the site. the image link seems fine and i cant spot any differences in the code that i am shown and what i have done but the image seems to attach itself to the header when i add the "display: block;", when this is removed the image appears in the right space but is not centered. what is more odd is that if i open everything in chrome then i do not have this issue, i am currently using Firefox.

if you guys could help me with that it would be great!

cheers killian

4 Answers

can you post us your code? We will gladly take a look at it.

Zakry Zapata
Zakry Zapata
15,494 Points

I had a problem with my profile picture disappearing in the mobile view version on the firefox browser. Is this the problem you are having?

Anyway, I added a clear: both; to the .profile-photo in main.css and it fixed the problem, maybe you can try that.

killian mcCloskey
killian mcCloskey
456 Points

Hi Everyone

Thanks very much for your replies it is most appreciated the clear: both addition seems to have work!

thanks very much guys!

killian

The clear:both worked for me as well (firefox). Is there a simple explanation as to why clear:both is required for firefox?

Zakry Zapata
Zakry Zapata
15,494 Points

Different browsers sometimes behave differently with certain properties, simply due to how they are designed. This is why part of being a good designer involves making sure your code works as expected on as many browsers as possible/feasible.

I've heard that (what you're saying), I guess it's going to take some experience to come up with a solution like this on your own.