Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS IE Compatibility Issues

  • This topic is empty.
Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #38657
    rosco
    Participant

    Hi all,

    I have set-up the following website http://www.camot.org using a Twitter Bootstrap theme.

    However, I have noticed that when I view the website in versions of Internet Explorer I am getting all kinds of problems.

    IE6 causes all kinds of structural issues, and IE9 affects the gradient colour as well as the style of buttons.

    Any ideas on what is causing this?

    Thanks,

    Ross

    #104842
    Paulie_D
    Member

    I don’t think Bootstrap supports IE6.

    #104845
    Paulie_D
    Member

    As for the gradient colours my guess is that you have omitted to update / amend the filter parts of the CSS. Took me a while too.

    In general though, I don’t bother with gradients for IE…wayyyy too much hassle.

    #104857
    rosco
    Participant

    Thanks Paulie. I tried looking at the code to see i there was anything that referred to the glaring pink gradient I am getting but couldn’t find anything. Out of curiosity have you looked at the CSS to see where I am going wrong?

    Pretty much given up on IE6.

    #104861

    Your end color is wrong in the filter property. You have an extra “2” at the end of its value. Should just be endColorstr=’#8FC2DB’. After fixing this, the gradient shows properly in IE9.

    #104865
    rosco
    Participant

    Thanks Jonathan, life saver. I didn’t spot this

    #104884
    rosco
    Participant

    Strangely I can’t actually see the location of this code in any css or php file in this WordPress theme. I can see it here

    .navbar-inner, .navbar .fill {
    background-image: -khtml-gradient(linear, left top, left bottom, from(#CAEDFA), to(#8FC2DB));
    background-image: -moz-linear-gradient(top, #CAEDFA, #8FC2DB);
    background-image: -ms-linear-gradient(top, #CAEDFA, #8FC2DB);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #CAEDFA), color-stop(100%, #8FC2DB));
    background-image: -webkit-linear-gradient(top, #CAEDFA, #8FC2DB2);
    background-image: -o-linear-gradient(top, #CAEDFA, #8FC2DB);
    background-image: linear-gradient(top, #CAEDFA, #8FC2DB);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CAEDFA', endColorstr='#8FC2DB2', GradientType=0);
    }

    However, I this doesn’t appear to be in the css files.

    #104908

    It’s in your index page, line 87 or so. It’s not actually in any CSS file.

Viewing 8 posts - 1 through 8 (of 8 total)
  • The forum ‘CSS’ is closed to new topics and replies.