How Do Web Designers Deal With CSS Problems In Older Browsers?

2 replies
  • WEB DESIGN
  • |
One thing I noticed is that when you check your website in older browsers using Netrenderer.com or BrowserShot.org many websites will literally fall apart. Many CSS properties such as "float: right;" aren't recognized. One one of the my website the right sidebar doesn't show up in Internet Explorer 6. How do web designers deal with these problems Do they simply ignore them and hope that most people are using the latest problems? Or are there ways to fix it?
#browsers #css #deal #designers #older #problems #web
  • Profile picture of the author WebsiteBegin
    There's two roads you can take:
    1) You can literally write separate stylesheets for outdated browsers to bring them a similar experience that your visitors on newer browsers receive. I believe you can check the user agent and (if the UA reports back with the correct information) send a different stylesheet out. While this will please more people, it's horribly inefficient.

    2) Use Google Analytics to track which browsers visit your website the most. Optimize your website for those, and then add codes accordingly. This won't give support for EVERY browser that could ever visit your website, but it will, as you will see, give support for those that visit most. It's key - why spend time worrying about IE 6 users if they've never visited your website?

    Best of luck, always optimize for the latest first and move your way through afterwards.
    Signature
    WebsiteBegin | Learn to Build and Manage an Amazing Website

    Follow me on Twitter - Joeb3219
    {{ DiscussionBoard.errors[6243334].message }}
  • Profile picture of the author Brandon Tanner
    There are various techniques that can be used to detect specific browsers/versions, and then serve up different CSS styles for each browser/version.

    This article gives a good overview of the most common techniques...

    15+ techniques and tools for cross browser CSS coding | CatsWhoCode.com
    Signature

    {{ DiscussionBoard.errors[6243507].message }}

Trending Topics