Background color issue with IE

  • url: https://strikdiploma.nl

    FireFox: storytitles immediatly get their nice light yellow background-color. the border of the sidebar runs all the to the bottom.

    IE: storytitles do not get a background-color until I scroll and even then the post at the top does not get a background-color. the border of the sidebar does not run all the way to the bottom.

    Argh!

    Or did I mess up my CSS?

    #sidebar {
    position: absolute;
    top: 80px;
    right: 0;
    width: 200px;
    color: #cc7000;
    border-left: 1px solid #dededc;
    height: 100%;
    }
    .storytitle {
    font-weight: normal;
    color: #82a600;
    background-color: #fafad2;
    padding: 10px;
    text-align: justify;
    }

Viewing 4 replies - 1 through 4 (of 4 total)
  • Moderator James Huff

    (@macmanx)

    Bringing your XHTML up to code may fix your problem. At the very least, it will make it easier to troubleshoot.

    https://validator.w3.org/check?uri=http%3A%2F%2Fstrikdiploma.nl%2F

    Your CSS, on the other hand, is perfectly valid.

    I can’t say from here, but most of the time it has to do with not defining the divs and span well enough. Try for instance h2.storytitle, or give it explicitly a display:block; or a specified height.

    Thread Starter Erwin

    (@erwin)

    @macmanx: the errors are the statistics code only, the rest is perfectly valid. ??

    (yes, I checked and no, removing the sloppy statistics code does not solve my problem. ?? )

    @moxie: explicitly defining a h2.storytitle doesn’t make any difference. ?? Is the any way I can define the height of a border?

    The really weird thing about IE is that the background-color does show when you scroll up and down a bit.

    Thread Starter Erwin

    (@erwin)

    Thanks for fixing my frustration-fed topic title. ??

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Background color issue with IE’ is closed to new replies.