Need Help with CSS..I think

[WildViper]

Hi,

I am working on this website and it seems that I am having issues with the "Centering" part for IE7. In IE6 and Firefox 2.0, the rest of the pages are fine and centered.

In IE7, only the home page is centered. Rest of them move to the left.

I had just designed the pages in Photoshop and had someone code it for me. Now that person is not available to me and so I have to do this manually.

Here is the site:

FotoMango.com

Also, if anyone has a Mac, can you tell me if the pages look centered?

Issue #2, in Firefox, the transitions on the photos on the home page doesn't appear. Anyway to make that happen?

Thank you for help.

 

[PhatoseAlpha]

Firefox uses .style.opacity = (number between 0 and 1) for opacity on elements. I ended up using both versions in a single command for cross-browser compatibility when I needed transparency - worked out just fine.

 

[TMoney468]

I would add another div around all of your content called "container" or something like that, that way you can center everything that is within it. Then you could do this:

#container {
position: absolute;
left: 50%;
width: 700px;
margin-left: -350px;
}

Where all you would need to figure out is the width you want your content to be, and then set a negative margin-left to half of that. So is the content is 700px wide, then the margin-left would be -350px.

Edit: It also looks fine centered in Safari