Difference viewing site in different browsers?

[GAViN™©]

When I view my site in IE6 i see different fonts to when i view the site in Firefox, why is this?

My CSS file includes:


body, td, div, form, input, select {
font: Verdana;
font-size: 11px;
line-height: 13px;
color: #333;
margin: 0px;
padding: 0px;
}

When viewing in firefox i see the verdana font, but when i view in IE6 i see a completely different font and font size (it looks like 9px) and the font is times new roman?!

[jont]

Hi Gavin .... can you provide an live example URL and point to where it is happening.

Have you tried adding in the html, table and p tags to the CSS? TNR is the default font so it could be the <p> tag not being decalerd in the cascade

[BelmoreBoy]

Hi Gavin/Jont

Same thing happens to me - never known why my homepage displays different font in ie6 compared to firefox - strange? (or is this normal)

If you look at my menu at the top 'contact us' is fine in firefox but in ie6 it ends up on the next line due to the font increasing in size.

I always use firefox, but would be good to know whay it does this !

Homepage Here = www.belmoretools.co.uk

Cheers Guys

[GAViN™©]

I see what you mean having just looked at your site in both FF and IE6.
But I noticed the complete text of everything not just the nav menu on the top changed font.

I fixed it on my site by doing the following.
In my CSS page i have this:-

/* Overall style for text on site including Links */
body, td, div, form, input, select {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 11px;
line-height: 13px;
color: #333;
margin: 0px;
padding: 0px;
}

I originally had -> font: verdana;

Try changing to the font-family attribute and specify the font size as well.
I read somewhere it is safer to use font-family, because if a person does not have the font installed on their PC that you specify then it can mess the whole look of the site.

If you specify a font family, if the person does not have the FIRST font specified, it then uses the SECOND font, and so on.

[GAViN™©]

A problem I have which I have only just noticed when comparing the site on both IE6 and Firefox. I am referring to the "including vat" on my site on the two attached images.

Unfortunately Jont, my site is not live and am just running it locally on Apache Server for the time being until it is finished, and then upload to our webspace. So only thing i can do is post screen dumps

On Firefox the Including VAT text looks fine, however as you can see on IE6 it is overlapping on the price text.

Anyone know why this is happening? Am sure it must be something to do with the CSS ?

[jont]

The inc vat text is usually being set via a class (actsmall or similar) which may need the line-height declaring specifically to avoid cascade bugs in IE

[GAViN™©]

@ Jont,
The problem was to do with the CSS file, i added a "line-height" attribute and it has worked, thanks !