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!!
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!
ReplyDeleteWill ask around on Twitter for some Blogger experts, see if we can get you some help before you brain explodes x
My html looks like this
ReplyDelete#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
Don't know. I tend not to fiddle with mine once I've got it right (even though I keep meaning to)
ReplyDeleteStupid 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.
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.
ReplyDeleteIf 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.
I wonder if your Header-wrapper should be the same as your Outer-wrapper?
ReplyDeleteExample:
#header-wrapper {
width:2000px;
blahblahblah...
/* Outer-Wrapper
------------------- */
#outer-wrapper {
width: 2000px;
blahblahblah
I set mine at 700px wide, though.
Whew - I can't help, but I think your new header looks pretty cute right now! Sorry Satan attacked your blog.
ReplyDeleteI 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.
ReplyDeleteWhat's it doing at your end? Or is it fixed now?
Cute header banner:)
ReplyDeleteThanks everyone for your help!
ReplyDelete@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.
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.
ReplyDeleteMy blog banner is 890 so that is why I saved as that size.
Something like this:
#header-wrapper {
width:890px;
margin:0 auto 10px;
}
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!
ReplyDeleteNot sure if this is helpful... but it looks fine to me and I think it might be correct.
ReplyDeleteIf 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!!)
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