6 {{ upvoteCount | shortNum }}
6 {{ upvoteCount | shortNum }}

Site looks beautiful on Chrome/Safari, Broken badly in FF/IE. Please help!

by KyleGolemMedia
5 replies
  • WEB DESIGN
    • |
Hey Warriors,

I come here a lot to help you folks with design problems but now I have some of my own! I'm aware that these browsers would have compatibility issues but not nearly as bad as what I'm experiencing. I'll give you the run down.

I'm working on the website for my mobile website design company. I'm damn near finished (or was) until I looked at the rendering in Firefox and IE. Ahh! Not good. Everything looks different. Background-image declarations are null. Div's are unstyled. The list goes on.

Can somebody help me find the most effective free tools to get this worked out asap without breaking the work I've done for Chrome/Safari? I'd like to have this site working next week!

It may turn out that I need to do conditional statements or create an ie.css. If that's the case, I'm still asking for anyone's help on using the best resources for this. I've never done it before!

Thanks in advance. This forum is seriously the best,

Kyle Golembiewski
#badly #beautiful #broken #chrome or safari #ff or ie #site
  • Profile picture of the author stephaniek
    Hi Kyle,

    Could I have a look at your code? IE typically doesn't play well with others, but FF usually behaves so maybe there's something in the code that's not supported.

    As far as free tools, do you have the Firexfox extention Firebug? That will help to drill down where the problem lies.
    Signature

    Woman: How much do I owe you for the sketch?
    Picasso: 5000 francs.
    Woman: But it only took you 5 minutes!
    Picasso: No madam, it took me all my life.

    {{ DiscussionBoard.errors[5328935].message }}
    • Profile picture of the author KyleGolemMedia
      Originally Posted by stephaniek View Post

      Hi Kyle,

      Could I have a look at your code? IE typically doesn't play well with others, but FF usually behaves so maybe there's something in the code that's not supported.

      As far as free tools, do you have the Firexfox extention Firebug? That will help to drill down where the problem lies.
      Thanks for the response to my post, Stephanie. I have Firebug but what are the types of things I should be looking for? Duplicate declarations? I'm a bit confused. FF has never really done this to me. IE is understandable.
      Signature
      Need Help Growing Your Audience?
      Let an experienced Marketer help! PM me with project details.
      Google AdWords, Bing Ads, Facebook Ads, Twitter Ads, etc.
      {{ DiscussionBoard.errors[5329095].message }}
  • Profile picture of the author mgreener
    Hi,

    Could it be that you are using a template or something that otherwise already had some css in place? It sounds like there could be some overlapping css issues.

    To start, concentrate on just one thing that is broken, look at the source code to determine what is controlling that element, then try editing the style for that element and see what changes occur. Sometimes you'll be surprised by what you find.
    Signature
    2 Free Pro List Building Templates - Turbocharge Your Opt Ins
    {{ DiscussionBoard.errors[5329054].message }}
    • Profile picture of the author KyleGolemMedia
      Originally Posted by mgreener View Post

      Hi,

      Could it be that you are using a template or something that otherwise already had some css in place? It sounds like there could be some overlapping css issues.

      To start, concentrate on just one thing that is broken, look at the source code to determine what is controlling that element, then try editing the style for that element and see what changes occur. Sometimes you'll be surprised by what you find.
      This is how I would generally troubleshoot a site. However, I don't want to ruin the work I've done in Chrome and Safari. The site is looking great in those browsers.

      I found a plugin that deals with declaring unique elements to different browsers. I'm gonna have a go at that with the method you've suggested.

      Thanks for the outreach folks!

      Kyle
      Signature
      Need Help Growing Your Audience?
      Let an experienced Marketer help! PM me with project details.
      Google AdWords, Bing Ads, Facebook Ads, Twitter Ads, etc.
      {{ DiscussionBoard.errors[5329130].message }}
  • Profile picture of the author KyleGolemMedia
    With Stephanie's help, I was able to get my site looking good in all browsers. The biggest mistake I made was not validating the .css. Visit this link and validate your .css before you jump to conclusions about problems.

    The W3C CSS Validation Service

    Apparently Chrome/Safari are smart about reading .css when there's a problem in the sheet. Firefox isn't!

    Thanks again, StephanieK! Lets chat soon
    Signature
    Need Help Growing Your Audience?
    Let an experienced Marketer help! PM me with project details.
    Google AdWords, Bing Ads, Facebook Ads, Twitter Ads, etc.
    {{ DiscussionBoard.errors[5329825].message }}

Trending Topics