CSS code needed for different browsers

[member22]

Hi,

I have added the following lines of code to my website ( it allows me to add text and a phone number to contact me at the top of my website)

I have one issue with it, I noticed that when I use safari everything is fine and the font is looking good but when I use firefox or IE the font is different and alignment is not exactly as I would like to be.

I am guessing I need to add CSS in my CSS file but I don't know what to add to make sure it looks the same on every browser ( same font and same alignment), can someone help me.

Thank you,

<h1><span style="color:#FFFFFF;font-family: Futura bk;font-size:17px;letter-spacing:5px;" href="'. URL_ROOT .'/" onclick="webmastername.Page.Open('. $homepage_oid .'); return false;">COMPANY</span><span style="padding-left:640px;font-family: Futura bk; font-size:11px; color:#FFFFFF; letter-spacing:2px">my text</span><br/>
<span style="color:#FFFFFF;font-family: Futura bk; font-size:12px;letter-spacing:2px">my text</span><span style="padding-left:405px;font-family: Futura bk; font-size:13px; color:#f63b26; letter-spacing:2px">my phone number</span></h1></span>

[edited by: tedster at 11:19 pm (utc) on Sep. 9, 2009]
[edit reason] member request [/edit]

[swa66]

Does the result of what your script generates validate ?
e.g. that "</span></h1></span>" seems odd to say the least.

Font-family is supposed to be a list of fonts, the browser should pick the first one that's available. Fonts with spaces in their names should have quotes around them. A Font family list should end with a generic font like "sans" of "sans-serif". Only giving one is asking for it not being available with your visitor.

Try resetting the padding and margin, they are different per browser, esp. for things lie a <h1>.

I think we already tried to convince people a few times abusing a <h1> for this isn't going to help them.