How to fix my site from looking gray in IE and Chrome.

  • Resolved David Lassiter

    (@david-lassiter)


    13 years, 8 months ago

    My site (www.chibigamers.com) For whatever reason in Internet Explorer and Google Chrome the menu bar and the post background are not the right colors. Mind you in Firefox it looks fine.

    The top menu bar should be blue but it is show to be black

    The post area has a three color display going from light blue on top to white on the bottom.
    Internet Explorer – The post area is solid gray
    Google Chrome – The post area keeps the same three color effect but is gray to white and reversed.

    Also in Internet Explorer none of the edges anywhere are rounded like they should be.

Viewing 5 replies - 1 through 5 (of 5 total)

  • You’re using a lot of CCS3 in your stylesheet and there isn’t full support for these. I’m not entirely sure if you can fix the colours on Chrome, but you won’t be able to get the gradients or rounded corners on IE, except for IE9.

    Thread Starter David Lassiter

    (@david-lassiter)

    The rounded edges are that big of an issue, just though to bring it up with this post. Also is the issue with the code or the browser regarding the color issues?

    Firstly, try hex values for your from and to webkit gradient values.
    For IE, you can do a conditional stylesheet for IE7- that duplicates the IE8 gradient code you have there, but lose the -ms- part, so it’s just filter. Christine is right, though, you’ll have no joy with rounded boxes for IE8- unless you apply some kind of js hack.

    Where you have your .type-post class defined for the gradient, replace the webkit value with:

    background: -webkit-gradient(
    linear, left top, left bottom, from(#c8ebff),
    to(#d8f1ff)
    );

    Again, with hexadecimal values you’ll be fine. Note that the webkit values are the reverse of the mozilla start / end values.

    Hope this helps

    John

    You also might want to look at these errors, https://validator.w3.org/check?verbose=1&uri=http%3a%2f%2fchibigamers.com%2f

    Some are simple, some not. Good news is that they are cascading so often when you fix one, several will go away.

    Thread Starter David Lassiter

    (@david-lassiter)

    I figured out what I had to do.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘How to fix my site from looking gray in IE and Chrome.’ is closed to new replies.