#1
  1. No Profile Picture
    Contributing User
    Devshed Novice (500 - 999 posts)

    Join Date
    Mar 2008
    Posts
    774
    Rep Power
    42

    Site looks good in firefox 4.0.1 but bad in all other browsers


    OK, I've been working with Firefox for a long time, and it usually serves me well for all browsers except IE.
    Now my design/CSS only looks good in firefox 4.0.1 and not Safari, Opera, or Google Chrome, and I'm really upset. Why are the other browsers displaying my CSS improperly? Is there a hack for all browsers now?

    OK, here's the site: http://www.caillouette.com/Diesel_site7/
    Any info or insight is greatly appreciated.

    thanks
    -S
    Last edited by lelales; May 20th, 2011 at 06:07 PM. Reason: more info
  2. #2
  3. CSS & JS/DOM Adept
    Devshed Supreme Being (6500+ posts)

    Join Date
    Jul 2004
    Location
    USA (verifiably)
    Posts
    20,124
    Rep Power
    4309
    Are you aware that your page contains errors? The first step in debugging should always be making sure that your code is valid (in order to rule out any errors as the cause for the problem).
    http://validator.w3.org/
    http://jigsaw.w3.org/css-validator/

    The biggest contribution to it only looking right in one browser is that there is no doctype and so the browsers are rendering the page in "quirks mode" which results in display inconsistencies.

    The <center> element is deprecated (basically meaning that you should avoid using it). Use CSS instead.
    Four ways to Center Elements with CSS
    Last edited by Kravvitz; May 20th, 2011 at 07:07 PM.
    Spreading knowledge, one newbie at a time.

    Learn CSS. | PHP includes | HTML Validator | CSS validator

    Remember people spend most of their time on other people's sites (so don't violate web design conventions).
  4. #3
  5. No Profile Picture
    Contributing User
    Devshed Novice (500 - 999 posts)

    Join Date
    Mar 2008
    Posts
    774
    Rep Power
    42

    thanks Kravvitz


    Thanks for the tips. The site looks good now.
    thanks again.

IMN logo majestic logo threadwatch logo seochat tools logo