Add code for Firefox only?

  • VDiaz

    (@vdiaz)


    13 years, 8 months ago

    I need to add some code for the header/slider to function a certain way but in Firefox only.

    URL – keithfabryretail.com

    When I add:

    #mainslidercontainer {
float: left;
margin: 110px 10px 10px;
overflow:hidden;
}

    to the css, it makes the header/slider show up in firefox (the issue i was having).

    But now that i added that code and its working in firefox, it’s not showing up in chrome at all.

    So… is there a way that i can add that code but specify that only firefox uses it?

    Thanks in advance!

Viewing 4 replies - 1 through 4 (of 4 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    13 years, 8 months ago

    @-moz-document url-prefix() {
    #mainslidercontainer {
        float: left;
        margin: 110px 10px 10px;
        overflow: hidden;
    }
}
    Thread Starter VDiaz

    (@vdiaz)

    13 years, 8 months ago

    Wow…. thank you, thank you, thank you!

    Thread Starter VDiaz

    (@vdiaz)

    13 years, 7 months ago

    I copied over the original site with just some content updates but now i’m having the same issue with firefox not displaying the header/slider correctly (it’s off to the right again)

    The old url was keithfabryretail.com – the new one that has issues is http://keithfabrystructurestudio.com/

    I have the code in the css as stated above, but it’s not working on this site… why would that happen?

    Thread Starter VDiaz

    (@vdiaz)

    13 years, 7 months ago

    Played around a bit and was able to fix it. Here’s the fix if someone needs it in the future:

    @-moz-document url-prefix() {
    #coin-slider-homepage.coin-slider {
        float: left;
        margin: 0px 10px 10px;
        overflow: hidden;
    }
}
Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Add code for Firefox only?’ is closed to new replies.