Header image issues

[sharpiefan]

I've just switched a community journal that I run to the new Librarian's Dream layout (which looks great), and added a header banner in using the CSS code below:

#canvas {
margin-top: 10px;
background-image: url(http://i26.photobucket.com/albums/c139/Sharpiefan/AnythingAoSbanner2.png);
background-repeat: no-repeat;
background-position: top center;
padding-top: 250px;
}

Unfortunately, this leads to a slight issue with the sidebar overlapping the banner a little, as shown in the screencap below (click to enlarge):



Is there any way to centre the banner above the entries? (I can alter the image itself to do, but it will be a case of trial and error, and will not look right on monitors that don't have the same resolution as my own, so it's not the ideal solution.)

Help!

Comments

[branchandroot]

If you put the image in #header rather than #canvas, that will center it over the entries, but that will also put it on the blue background. It looks like that wouldn't clash with the image, though, so maybe that would be all right?

[sharpiefan]

Just tried it, and it hasn't put it on the blue header background, besides centring it perfectly over the entries. So it worked out even better! Thank you!

I am fail when it comes to messing with CSS stuff.

Also, I have used several of your layouts spread over my own journal and various communities I run, and I've always wanted to say I think they're really gorgeous!!

[branchandroot]

Excellent, glad I could help! *grins* And thank you!