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
Wendy Donnelly
756 Pointsmozilla issues video 7
Hi, I am currently working through the how to make a website videos, im on video 7 adding pages to a website, the following css is used to centre an image on the page
.profile-photo {
display: block;
max-width: 150px;
margin: 0 auto 30px;
border-radius: 100px;
}
this works perfectly when viewed in Safari, but when viewed in mozilla the image appears in the top right hand corner of the browser window, is there a way around this?
Thanks
3 Answers
James Barnett
39,199 PointsI downloaded the project files which include that CSS rule and it works fine in Firefox.
You probably have an issue with your HTML, hard to say without seeing your code. I'd suggest you run your HTML through http://validator.w3.org/nu/
Wendy Donnelly
756 PointsHi James, I run my HTML code through the validator using your link and all seems ok, I also downloaded the project files and opened Nick's page in Firefox and Nicks photo ends up in the top right hand corner as well, maybe its the version of Firefox i'm using?
James Barnett
39,199 Points> maybe its the version of Firefox i'm using
Current version of Firefox is 27 however I doubt that's the issue.
Wendy Donnelly
756 Pointsyes my Firefox is 27.0.1, strange how its fine in other browsers but behaves like this in Firefox, hopefully the issue will come to light when I reach the HTML and CSS debugging stage.