Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 5 of 5
  1. #1
    New to the CF scene
    Join Date
    Oct 2010
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Chrome & Safari vs FireFox

    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
    Attached Thumbnails Attached Thumbnails Chrome & Safari vs FireFox-screen-shot-2010-10-03-7.57.11-pm.jpg   Chrome & Safari vs FireFox-screen-shot-2010-10-03-7.59.37-pm.jpg  

  • #2
    New to the CF scene
    Join Date
    Oct 2010
    Location
    Cardiff, Wales.
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Hi,

    Do you have the source code for the page?

    Martin

  • #3
    New to the CF scene
    Join Date
    Oct 2010
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

  • #4
    Senior Coder
    Join Date
    Feb 2009
    Location
    Ilkley, West Yorkshire, UK
    Posts
    2,957
    Thanks
    9
    Thanked 727 Times in 721 Posts
    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.

  • #5
    New to the CF scene
    Join Date
    Oct 2010
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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.


  •  

    Tags for this Thread

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •