How do you make html/css work for different browsers?

Viewing 3 reply threads
  • Author
    Posts
    • #5400
      famfu786
      Participant

      My website looks good in internet explorer but it looks funny in firefox and chrome. What are the differences in the coding/css for all three? How do I fix this problem?

    • #34131
      secureseve
      Participant

      Ah, web development. A love, and a curse. Cross-browser compat. has always been an issue with browsers interpreting css differently. The best thing to do is to stick with the w3 standards and even then it’s still going to be weird. So you might have to write CSS for different browsers. Another thing is to use a CSS framework. I haven’t used them because I stopped doing web dev in general, but these look promising: http://www.blueprintcss.org/
      http://960.gs/

      good luck.

    • #34132
      KrisTeason
      Participant

      One way we learned in one of my web dev class is to use javascript to detect the specific browser as well as version and then use a selection structure (if / elseif / else) to check whether it’s Internet Explorer Version x, Firefox, then set up the page like so, etc. We’d utilize the navigator class to make use of detecting the browser name and version – check it out http://krook.org/jsdom/navigator.html

      I’ll back secureseven in saying stick to w3 standards. It’s good they give a ton of examples and show what browsers they’re compatible with – you could take this into consideration when developing.

    • #34133
      dynamik
      Participant

      The advice that I’ve always been given (and use with decent success) is to design for Firefox and then adjust to IE. You can make additional CSS entries for IE using syntax that is illegal and ignored by FF to make any adjustments necessary. I started out doing web design and quickly abandoned it because I couldn’t tolerate this garbage. I can’t believe it’s still so much of a problem a decade later 🙁

Viewing 3 reply threads
  • You must be logged in to reply to this topic.

Copyright ©2020 Caendra, Inc.

Contact Us

Thoughts, suggestions, issues? Send us an email, and we'll get back to you.

Sending

Sign in with Caendra

Forgot password?Sign up

Forgot your details?