Chrome & Safari vs FireFox

[cdarrah]

I'm working on a site for a client of mine. I'm having trouble determining why my elements are showing up differently in different browsers. Can someone please have a look at the following and let me know why everything looks correct in FireFox but not in Chrome or Safari?

follow this link, then click on the "contact" button:
http://www.jimmyjettv.com/shh_its_beta

[martin.psmith]

Hi,

Do you have the source code for the page?

Martin

[cdarrah]

https://files.me.com/clintdarrah/vlglhd

[SB65]

If I look at the parsed html in Firefox/Firebug, as opposed to that in Chrome/Developer Tools, they are different.

Firefox has the div #contact within a font tag within a span within a paragraph. Chrome has the div as a direct child of #contacter. So, that's why it looks different in the two browsers.

So, fixing it....the validator is throwing an error related to your html - sixth one down: here. It's quite possible that sorting that problem out that will resolve the issue. You have a div (a block element) within inline elements (font,span) and that's the error.

Really, I'd suggest removing all those <font> tags which are deprecated as well. Use css to apply your styling instead,

martin.psmith - we can view the code from the link provided - give Firebug a go if you haven't tried it before.

[cdarrah]

great advice. thank you. i'm new to coding, so any advice from those who've been down this path before is quite helpful and much appreciated.

I'll work on making the HTML standards compliant.