Grow your CSS skills. Land your dream job.

How to set the “Left css” for fire fox and chrome

  • # May 10, 2013 at 1:09 am

    How to set the “Left css” for fire fox and chrome

    I would like to know How to set the “Left css” for fire fox and chrome because can’t seem to get them both the same. is there a way to set the “left / margin-left” one for fire fox and one for chrome.

    # May 10, 2013 at 3:19 am

    For Firefox
    @-moz-document url-prefix() {
    .wrapper {
    color:yellow;
    }
    }

    For Chrome
    @media screen and (-webkit-min-device-pixel-ratio:0) {
    #wrapper {
    color:yellow;
    }
    }

    # May 10, 2013 at 3:36 am

    Where would i add it in here http://codepen.io/mwbcomputers/pen/jisvD

    # May 10, 2013 at 5:07 am

    Does it matter?

    99.9%* of visitors will use one browser so how would they know that your margins are different.

    Even if they did notice, 99.9%* of those won’t care.

    *Totally made up number but up get the idea.

    # May 10, 2013 at 6:01 am

    > Does it matter?

    http://dowebsitesneedtolookexactlythesameineverybrowser.com/

    > *Totally made up number but up get the idea.

    84% of all statistics are made up on the spot.

    # May 10, 2013 at 6:04 am

    just about there but now panel is pushing container down. panel has own out side wrapper. Page-Wrapper is for behind /out side container and the main container is for main content

    #container {
    width: 944px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    }
    #page-wrapper {
    margin: 0 auto;
    width: 1244px;
    }

    .panel {
    width: 150px;
    min-height: 500px;
    text-indent: -5000px;
    background: #000;
    }
    .panel a {
    display: block;
    height: 800px;
    width: 150px;
    position: fixed;

    }

    # May 10, 2013 at 6:24 am

    Why not just do it this way?

    http://codepen.io/Paulie-D/pen/c47836d15bb91a34072ba71d0229e03e

    # May 10, 2013 at 6:24 am

    Have got it working on one side which will just use going to do a little trick with illustrator and html styling to make it look like it.

    Have got the container issue sorted margin problem sorted out for left side for fire fox and chrome. will work on right side later on.

    http://mwbcomputers.com.au/themes/

    # May 10, 2013 at 6:25 am

    Trying every body’s way all good advice

Viewing 9 posts - 1 through 9 (of 9 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".