Background Won't Display in Internet Explorer (7 posts)

  1. plastiquesong
    Posted 8 years ago #

    Hi guys,

    http://www.thehippodrome.org is my site. Everything is fine in firefox, but in internet explorer, the background image doesn't show up (it just shows up as white). Also, the mp3 plugin I used doesn't have the player show up in I.E either.

    Any help is much appreciated!

    Thank you all!


  2. drewactual
    Posted 8 years ago #

    look close at the .css file..... I have run into this before too- make sure the file name reference Background-image: is right..... sometimes a .jpg and a .JPG cause heartache, sometimes it is as simple as example.jpg; and example.jpg ;, extra space before the ';'....

    whatever it is it is in your .css and in the background declaration.

  3. plastiquesong
    Posted 8 years ago #

    body {
    font-size: 62.5%; /* Resets 1em to 10px */
    font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
    background: #d5d6d7 url('images/kubrickbgcolor.jpg');
    color: #333;
    text-align: center;

    that's my body in the style css file. any thing i'm missing there?

  4. drewactual
    Posted 8 years ago #

    a comma.

    between #d5d6d7 and url.

    also, split the declarations to avoid confusion for poor ol' ie...

    do this after 'Sans-Serif;':
    background-image: url('images/kubrickbgcolor.jpg');

    if that doesn't help, enter full URL, like ('http://xxxxxxxx)

    that should do it for you.

  5. drewactual
    Posted 8 years ago #

    oh, one more thing....use the full url as it limits confusion if you are going to a higher directory.....

    you could do it like this:


    or like this:


    but using the full path clears this up, and makes it easier to spot issues in .css.

  6. plastiquesong
    Posted 8 years ago #

    that's definitely better, but the header is just like a pixel off. . .it's so annoying. also, the audio player doesnt show up, any idea how to get that going?

    you're a livesaver man!

  7. drewactual
    Posted 8 years ago #

    i would have to see your entire .css to help with the alignment..... but this is a little advice fwiw.... I use only margin and padding for alignment. I like using a page container as well.... I do it like this:
    {margin-left: 20%;
    {margin-left: 10%;
    margin-right: 10%;}

    and I never use absolute functions unless for a specific purpose. Also, I recommend using known sizes as opposed to percentages or em's.....so pt's and px are my rule of thumb.

    as far as ie and media player, that could be a thousand things. You might want to load up a gallery like g2 and integrate it to the page/blog. it makes those things easier to load and for users to interact with regardless of users available plug-ins..their inherit flash player is a good thing.

    check me out at here for an idea of what I am talking about....

Topic Closed

This topic has been closed to new replies.

About this Topic