Thursday 15 April 2010

13

Someone put me out of my misery. Please.

If you were on my blog last night between the hours of 6PM and 1AM, you would have seen some crazy stuff going on with my header. Too big. Too small. But unlike Goldilocks, never just right. I resized it GIMP at least four hundred times, renaming it each time:


I've re-uploaded each of these files to the header, but it will not fit no matter what I do. I googled the bejesus out of it but can't find an answer. I'm pretty sure that there's something in the HTML that's preventing it from fitting even when it's the stipulated 660pixels wide. Something like this:


Please, please, please, please, please, please, please, please, please, please, please, please, please can someone tell me how to fix this because I have a beautiful shiny new header and I want to put it up!!

13 comments:

  1. Oh lovely I have no idea but I had to chuckle at you image names - I have done that exact same thing before with one I couldn't get right!

    Will ask around on Twitter for some Blogger experts, see if we can get you some help before you brain explodes x

    ReplyDelete
  2. My html looks like this
    #header-wrapper {
    width:1100px;
    margin:0 auto 10px;
    }

    Does that help? I hate html!

    I also find this site helps a lot
    http://www.bloggerbuster.com/

    Good luck, my fingers are crossed for you

    ReplyDelete
  3. Don't know. I tend not to fiddle with mine once I've got it right (even though I keep meaning to)

    Stupid suggestion maybe: Are you telling html to use your nice shiny image by name?

    I've done that before and took hours to sort out.

    ReplyDelete
  4. If you know HTML / CSS, try the Firebug firefox extension - it lets you inspect different parts of your page so that you can zero in on the buggy part of your CSS.

    If you aren't confident with that, could you upload your header image again at the "right" size - I have Firebug installed here so I'll take a look at it for you and comment with the bits that are acting up so you can change them.

    ReplyDelete
  5. I wonder if your Header-wrapper should be the same as your Outer-wrapper?
    Example:

    #header-wrapper {
    width:2000px;

    blahblahblah...


    /* Outer-Wrapper
    ------------------- */
    #outer-wrapper {
    width: 2000px;

    blahblahblah

    I set mine at 700px wide, though.

    ReplyDelete
  6. Whew - I can't help, but I think your new header looks pretty cute right now! Sorry Satan attacked your blog.

    ReplyDelete
  7. I see you've put the header up. It looks fine to me in Firefox - the header is displaying at exactly the size of the image that you uploaded.

    What's it doing at your end? Or is it fixed now?

    ReplyDelete
  8. Thanks everyone for your help!

    @lesley: It is up the best that I could do! Still not 'filling' it perfectly, I think it is aligned to the left side (as opposed to centered) but I had to do that to display most of the width of the blog... If that makes any sense at all! I'm Firefox too.

    ReplyDelete
  9. The last file i sent you was at 890px so you might want to change the width bit in the HTML to 890. I had problems with a blog banner the other day too and still not sure why even though i fixed it.

    My blog banner is 890 so that is why I saved as that size.

    Something like this:

    #header-wrapper {
    width:890px;
    margin:0 auto 10px;
    }

    ReplyDelete
  10. I'm not sure how it works out the length btw when you set the px to 890. This is something i couldn't work out!

    ReplyDelete
  11. Not sure if this is helpful... but it looks fine to me and I think it might be correct.

    If you're specifying it in pixels then it means you want it to be "fixed" in place, regardless of how wide the browser window is. The rest of the blogger layout stretches and shrinks, but you wouldn't want your header to do that because it would distort the picture (which is adorable!!)

    ReplyDelete
  12. I'm no help whatsoever, but you seem to have some pretty clever bloggers assisting you now. Just wanted to say 'priceless'. So sorry that your frustration has given me the best laugh all day. Good Luck. It seems OK to me!

    ReplyDelete