Buycraft theme not correct on IE

Discussion in 'Server & Community Management' started by Suicidal_Tissue, Jun 5, 2013.

  1. So i managed to stitch a few themes together yesterday for my donation page theme, looks cool; on chrome that is.
    The navbar is orange on chrome, which is correct. But as soon as i switch to IE, it starts to look like this.
    http://i.sobmc.me/images/12.png

    Heres my navbar css code
    Code (Text):
    .navbar {
        border-radius: 5px;
        box-shadow: 2px 2px 5px #222;
        -webkit-box-shadow: 2px 2px 5px #222;
        -moz-box-shadow: 2px 2px 5px #222;
        -o-box-shadow: 2px 2px 5px #222;
    }
    .navbar .nav > .active > a {
        color: #21B905;
        background-image: -webkit-linear-gradient(top, #A32E00, #C23B10);
    }
    .navbar .nav > .active > a:hover {
        color: #FFFFFF;
    }
    .navbar-inner {
        color: #FFFFFF;
        border: 0px;
        background-color: #C31212;
        background-image: -moz-linear-gradient(top, #FD7F0A, #8D0000);
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FD7F0A), to(#8D0000));
        background-image: -webkit-linear-gradient(top, #FD7F0A, #8D0000);
        background-image: -o-linear-gradient(top, #FD7F0A, #8D0000);
        background-image: linear-gradient(to bottom, #FD7F0A, #8D0000);
        background-repeat: repeat-x;
    }
    .navbar .nav > li > a, .navbar .nav > li > a:focus {
        color: #FFFFFF;
        text-shadow: 0 1px 0 black;
        font-weight: bold;
    }
    .navbar .nav > li > a:hover {
        color: #21B905;
    }
    .navbar .nav li.dropdown.open > .dropdown-toggle {
        color: #21B905;
        background-color: rgba(255, 255, 255, 0);
        background-image: -webkit-linear-gradient(top, rgba(245, 100, 33, 0), #962A00);
        background-image: -o-linear-gradient(top, rgba(245, 100, 33, 0), #962A00);
        background-image: -moz-linear-gradient(top, rgba(245, 100, 33, 0), #962A00);
        background-image: linear-gradient(to bottom, rgba(245, 100, 33, 0), #962A00);
    }
    Any way to fix this? I dont have a clue about how to code css..

    Thanks
     
  2. I honestly would need to have a look on my computer, not my iPad but maybe it's the Navbar Inner color?
     
  3. CustomForms

    CustomForms Retired Moderator
    Retired Supporter

    There is a reason it looks terrible on Internet explorer; Internet explorer is horrid. Don't even try to use it.
     
    • Disagree Disagree x 1
  4. Problem is customers use it.
     
    • Agree Agree x 1
  5. CustomForms

    CustomForms Retired Moderator
    Retired Supporter

    Oh well, they get stuck with an odd looking theme. To fix it you would have to makea browser specific theme.
     
  6. Even though I'm a Chrome user, I gave Internet Explorer 10 a chance... I started using it yesterday like I would use Chrome and I have to admit: It is blazing fast.

    I also didn't have any compatibility issues yet.
    Don't flame me. I'm not gonna use it forever. Just wanna see what has changed.
     
  7. How would i do that with Buycraft?
    I googled it but you cannot change the html of the buycraft page to include <!--[if IE 9]> and stuff like that