Text size problem in Safari..any ideas?

[suzisweet]

Hi all,

I have a site using a css file which displays perfect in Internet Explorer and Firefox. The problem comes with Safari. The text size info; - #masthead h1 { font-size: 1.3em; } - whilst being fine in IE and firefox, seems to display huge text in Safari.

Does anyone have any possible reasons for this?

When i change - font-size: 1.3em; - to say.. - font-size: 1em; - the text does go down to an appropriate size in safari, but its too small in IE and Firefox.

Any help or insight would be much appreciated...

Thanks in advance

 

[johnwm]

Can you give us a link to the page? h1 tags and em font sizes work fine for me in IE, FF and Safari

___________________________________________________________
If you want the best response to a question, please check out FAQ222-2244 first.
'If we're supposed to work in Hex, why have we only got A fingers?'
Drive a Steam Roller
Steam Engine Prints

 

[BigRed1212]

See if this is any help:

http://www.alistapart.com/articles/howtosizetextincss

It mentions some stuff about Safari and default font sizes that vary on font type.

Maybe try setting a base size earlier (like h1 {font-size:12px;} or something) and then setting the em rule later and see what it does?

 

[BabyJeffy]

Definitely this is a "reset" problem (different browsers use different defaults for things like padding, margin and font size). There is an FAQ that shows how to deal with this: faq215-6624

Cheers,
Jeff

[tt]Jeff's Blog [!]@[/!] CodeRambler

http://www.coderambler.com/

http://www.coedit.co.uk/

[/tt]

Make sure your web page and css validates properly against the doctype you have chosen - before you attempt to debug a problem!

FAQ216-6094