Mozilla lengths

[purpleski]

Hi

I have recently redesigned my site using CSS and was then informed by a client that it does not render properley in Mozilla.

I have fixed some problems but the two browsers seem to interpret lengths/distance differently. ie if you set a width to say 89px for the buttons on the left of the page (see

http://www.purpleski.com/Main.htm)

in Mozilla the buttons are about 20% wider than in IE6.

Can anybody explain this? Additionally colours appear to be a different colour?

Thanks.

 

[philote]

This is because Mozilla, according to W3C standards, adds the declared width to the border and padding to get the actual width for objects. IE includes the padding and border in the width you declare so things will look smaller in IE.
Here's a good explanation and workaround:

http://www.tantek.com/CSS/Examples/boxmodelhack.html

Kevin
A+, Network+, MCP

 

[purpleski]

Thanks for that I am off to try the work around