• I have an odd problem. I am using transparency layers on my blog. In Firefox everything displays correctly (go figure), but in IE there is a problem. The right column displays correctly but the center column doesn’t. Here is some of the css, it looks the same so can’t figure out why it works on one side, but not the other.

    h2 {
    margin: 0px 230px 10px 10px;
    padding: 3px 10px 3px 10px;
    font-size: 110%;
    color: #000066;
    position: relative;
    width: auto;
    min-width: 120px;
    border: 0px solid #000000;
    background: white;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
    }

    This works in Firefox, but not IE.

    #rightside {
    position: absolute;
    width: 190px;
    top: 241px;
    right: 20px;
    border: 0px solid #000000;
    color: #000000;
    background: #eeeeee;
    padding: 10px;
    z-index: 1;
    voice-family: “\”}\””;
    voice-family: inherit;
    width: 190px;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
    }

    This works in both Firefox and IE.

    Here is my blog

    Any thoughts? See any problems?

    On a side note that isn’t a big deal to me, anyone know how to make it so the images aren’t transparent along with everything else?

Viewing 2 replies - 1 through 2 (of 2 total)
  • Probably because of you have specific width for #rightside (width: 190px ), while h2 doesn’t (width: auto).

    Thread Starter matt510

    (@matt510)

    Well, what the heck, you are right. I do not understand at all why that makes it not work in IE. Any thoughs on getting around that? I would rather have it set to auto than have it transparent. If I need to I will just leave it as is.

    Thanks for the suggestion, I would have NEVER figured that one out.

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

The topic ‘Transparency problem in IE’ is closed to new replies.