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

Josh Lipton
Josh Lipton
13,255 Points
Posted by Josh Lipton
Josh Lipton
13,255 Points

Image doesn't work in FireFox 30

I was trying to figure out why the image was up to the right of the header when applying the css. Finally I looked at it in Google Chrome and saw that it was working. I am curious why it does not layout properly in Firefox.

2 Answers

notf0und
notf0und
11,940 Points
notf0und
notf0und
11,940 Points

Here's another question that has the answer in it: https://teamtreehouse.com/forum/profile-image-stuck-at-topright-of-page-when-adding-display-block

idan ben yair
idan ben yair
10,288 Points
idan ben yair
idan ben yair
10,288 Points

Hi when you apply CSS for elements and it appears differently in each browser try doing this:

html:

<html> <head><title>your page</title></head> <body> <p>your paragraph</p> </body> </html>

css:

p { width: 400px; height: 400px; -webkit-border: 5px solid black; -moz-border: 5px solid black; -ms-border: 5px solid black; }

-moz-, -ms-, and -webkit- apply the border style in all browsers to appear the same way. so if your issue is with alignment of the object do this:

object { -moz-align: 0 0 0 0; /for firefox/ -ms-align: 0 0 0 0; /for IE/ -webkit-align: 0 0 0 0; /for other browsers/ }