Please help me (CSS)

[salabinha]

I am creating a website for a a photographer and this is my first time using layers and CSS.
The page I created looks perfect in Internet Explore, but on firefox, everything is shifted all over.

Could someone help me fix my CSS so that it looks the same in all browsers?

Thank you so much in advance!

Here is the link
http://northshoreclassifieds.com/test6/family/home.html

 

[crandall87]

Your whole page is in a container called mainbody by the looks of it but you have no css giving this class any attributes. Try adding this to your css:

#mainbody {margin:0 auto;} I always use an auto margin to centre align containers in ff.

 

[qadisha]

Centering body in FF and IE

Or else forget about your "mainbody" class altogether and add the following to "body":

text-align: center;
margin-left: auto;
margin-right: auto;

text-align takes care of IE and the other two are necessary for FF.

As well as that, I don't understand why you repeat "class" and "id" for each style. If a style comes only once on a particular page you can use "id". If a style is likely to come several times on a page, use "class". Personally I always use "class" but I imagine purists will say that's wrong.