Grow your CSS skills. Land your dream job.

Why does firefox hate this code?

  • # January 29, 2013 at 2:08 am

    As soon as I add this code, firefox doesn’t load the css. Works on chrome and IE

    .ngg-galleryoverview{
    margin:0 0 0 -10px;
    } ​

    .ngg-galleryoverview{
    width:100%;
    &:after {
    /* Or @extend clearfix */
    content: “”;
    display: table;
    clear: both;
    }
    }

    Here is the site.

    http://costacultura.com/services/concerts-festivals-special-events/stars-on-the-lake-concert-series/

    Also why do I need to add a seperate .ngg-galleryoverview class in order to add a negative margin, seems strange. Maybe the problem is related.

    Thanks

    # January 29, 2013 at 1:51 pm

    That’s SCSS. This may sound like a no-brainer, but you are putting that into a .scss file and compiling it, right?

    If that isn’t your problem, then it could be the weird unicode character you have at the end of the third line. Try copying this code instead (it looks the same, but it isn’t):

    .ngg-galleryoverview{
    margin:0 0 0 -10px;
    }

    .ngg-galleryoverview{
    width:100%;
    &:after {
    /* Or @extend clearfix */
    content: “”;
    display: table;
    clear: both;
    }
    }

    # January 29, 2013 at 3:08 pm

    Yup, it was the unicode. However that happened and how you found that is beyond me. Thank you.

    # January 29, 2013 at 3:28 pm

    Nothing too fancy. I pasted your code into CodePen, and the unicode character showed up as a bullet. :)

    Glad I could help!

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

You must be logged in to reply to this topic.

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