firefox mac

[youniquephotos]

Could someone tell me how to make the boxes look the same in firefox on mac as all other browsers. The boxes are lining up fine in all other browsers, but on firefox for mac they are pushing out the right hand side? any suggestions


See site here

[sanguisdesign]

ewww its doing it in LInux as well.
Just thought you'd like too know (and I faint)

[kuroi]

Actually it's broken in all browsers, just more obviously in some (inc Firefox and Opera on PC) than others. The problem is that you have crammed more content in the middle of the page than you have allowed for when setting your site width.

Some browsers will deal with this by respecting your site width and allowing the content to overflow it. Others will ignore your site width and substitute on of their own making your site wider. Neither is wrong, they're just trying to make sense of inconsistent data.

Also, if cross browser compatibility is important to you, I would advise dealing with those pesky validation errors.

[shirster]

kuroi is right. it's broken in safari too...

Shirley :)

[youniquephotos]

Thank you so much for the response... I am trying to help clean things up on this site. It is not mine... any help ideas would be welcomed and thank you for taking a look at it already.

[shirster]

You could try changing :

stylesheet_original

#mainWrapper {
width: 864px -> 888px;
}

Looks fine in Safari on Mac after this change is applied. But I don't have IE so I don't know how it looks there.

As for the login box, I'm guessing the input fields are too long, try reducing their sizes.

HTH,
Shirley :)

[youniquephotos]

Thank you for taking a look at it. I am so frustrated trying to find where everything has been setup. I changed the shop to 900, but still everything is pushing out the right. I tried changing the middle shop also to match the amount of side boxes and what's left, but there is other code at the bottom of the css.. do I also need to change it? Should the middle shop be fixed width or %

Posting css below