#1
  1. No Profile Picture
    Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Jun 2012
    Posts
    156
    Rep Power
    13

    One css stylesheet


    Hi

    I was wondering if someone could point me in the direction of how to use one css stylesheet for all browsers and screen sizes

    I have tried all sorts and ended up with around 6 stylesheets, one for each browser and screen size

    Am fed up of it

    Must be a way of using stylesheet for all browsers and screen sizes

    Please help

    Kind regards

    Ian
  2. #2
  3. No Profile Picture
    Contributing User
    Devshed Novice (500 - 999 posts)

    Join Date
    Dec 2003
    Posts
    709
    Rep Power
    441
    Most browsers are pretty consistent on the CSS 2.1 stuff they offer. If you're supporting say, IE8 and above, there's no reason you couldn't use just one stylesheet. The screen size stuff you handle with media queries, a la:

    Code:
    @media (min-width: 600px) {
        /* styles for 600px wide and above here */
    }
  4. #3
  5. No Profile Picture
    Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Jun 2012
    Posts
    156
    Rep Power
    13
    Originally Posted by rdoyle720
    Most browsers are pretty consistent on the CSS 2.1 stuff they offer. If you're supporting say, IE8 and above, there's no reason you couldn't use just one stylesheet. The screen size stuff you handle with media queries, a la:

    Code:
    @media (min-width: 600px) {
        /* styles for 600px wide and above here */
    }
    Hi rdoyle720

    I have no idea what the site is doing, it goes to load the css and then stops and go all wrong

    Can I PM you the link as not sure it will let me post it here

IMN logo majestic logo threadwatch logo seochat tools logo