background image and custom header not appearing in i.e.

  • Unknown's avatar

    the site works fine in firefox, but just checked in IE and neither the background image nor the custom header are appearing. got any suggestions?

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar

    I don’t see a background image in FF either, and the underlying CSS suggests there isn’t one.

    Did you put your header image in the CSS or via the custom header tool? The latter doesn’t really work well with custom CSS. Best to put the header in the CSS directly.

  • Unknown's avatar

    I put the header in with the tool. do you have the code for a header image? the background image should be static but I don’t know why it wont show up. maybe that I’m linking to e.g. http://iartmag.files.wordpress.com/2009/02/background314.jpg and its not coming through?

  • Unknown's avatar

    Same problem here, image uploaded but not shown in my blogg.
    Somewhere I saw a kind of error logging referring to the wrong filename (filename 1, filename 2 etc).

  • Unknown's avatar

    @ajacobso: What code did you use to put in the background image?

    @mandjes: We can’t help you without a link to your blog.

  • Unknown's avatar
  • Unknown's avatar

    Mandjes, your background has this code: background:#9BC3D5 url(images/bg_body.gif)

    You need to put a proper url, starting with http and enclosed between speech marks (‘), in place of images/bg_body.gif.

  • Unknown's avatar

    background image:

    body {
    background:#ffffff;
    color:#333;
    font-family:”Times New Roman”, Times, serif;
    border-top:none;
    font-size:.8em;
    text-align:center;
    background-color:#bcbcbc;
    background-image:url(‘http://iartmag.files.wordpress.com/2009/02/background315.jpg’);
    background-position:center;
    background-repeat:no-repeat;
    background-attachment:fixed;
    margin:0 0 2px;
    padding:0;
    }

    header image:

    h1 a {
    display:block;
    text-align:left;
    background:url(‘http://iartmag.files.wordpress.com/2009/02/cover32.jpg’) top center no-repeat;
    height:225px;
    width:5000px;
    border:1px solid #FFFFFF;
    text-indent:-9000px;
    }

    its working fine in firefox, but neither appear in IE

  • Unknown's avatar

    I don’t see either of those images and I’m looking at your blog in FF.

    Here’s the code I see for your background:

    body {
    -x-system-font:none;
    background:#EDEDED none repeat scroll 0 0;
    color:#444444;
    font-family:’Lucida Grande’,Verdana,Arial,Sans-Serif;
    font-size:62.5%;
    font-size-adjust:none;
    font-stretch:normal;
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
    line-height:normal;
    margin:0 0 30px;
    text-align:center;}

  • Unknown's avatar

    @rosclarke,
    I have no idea where to change that setting, and in what I should change it to, but why doesnt it just work when it says Header Complete, should be visible in your Blog …

  • Unknown's avatar

    well that’s what I had typed into the css edit. so somehow its not overriding.

    what do I need to input into the css edit to get them to appear?

  • Unknown's avatar

    @Mandjes, are you using the custom header uploader or the CSS upgrade? It sounds like you’re using the uploader, in which case yours is a completely different question from the OP’s.

  • Unknown's avatar

    @ajacobso – you are talking about the blog linked to in your username, aren’t you?

  • Unknown's avatar

    @ rosclarke
    True I’m using the custom header uploader.
    In Media, I see the original file like image.jpg, and more with image1, image2, image3 and “File doesnt excist”.

  • Unknown's avatar

    oh, no, i didnt realize that, iartmag.wordpress.com, i dont know if thats the one you’re looking at

  • Unknown's avatar

    *rolls eyes*

    Just, in general, volunteers in the forum aren’t psychic mindreaders. It’s really, really helpful to give the blog address that you’re referring to in your question.

    Okay. I now see those images in FF and not in IE, as you say.

    Try tidying up your code a bit. You only need to put those elements which you are changing in the CSS editing box. You have repeated elements even within this code. Try something like:

    body {
    background-color:#bcbcbc;
    background-image:url('http://iartmag.files.wordpress.com/2009/02/background315.jpg') center no-repeat fixed;
    margin:0 0 2px 0;
    padding:0;
    }

    header image:

    h1 a {
    display:block;
    text-align:left;
    background-image:url('http://iartmag.files.wordpress.com/2009/02/cover32.jpg') top center no-repeat;
    height:225px;
    width:5000px;
    border:1px solid #FFFFFF;
    text-indent:-9000px;
    }
  • Unknown's avatar

    thanks very much Ill try this out. sorry for being a novice at this whole forum thing.

  • Unknown's avatar

    @ rosclarke
    I tried these and when I took out

    background-position:center;
    background-repeat:no-repeat;
    background-attachment:fixed;

    the image no longer came up in the preview.

  • The topic ‘background image and custom header not appearing in i.e.’ is closed to new replies.