[WTA] Simple CSS question: How to put banner in theme

Hello DPers,
From yesterday, I really confused how to figure out how to make my header displayed on my blog using CSS.
This is the theme I use: http://www.vpsreview.co.uk/?p=38 (However this is not my blog, just using the same theme)

As you can see, the header is tiled background. The original header CSS is like this:

#header {
background: url(images/squareTile.gif) repeat-x !important;
height: 143px;
width: 100%;
float: left;
border-bottom: 10px solid #cbe4ee;
position: relative;

and I want to use header using image (header.jpg) and here is the code I change. The header.jpg size is exactly same as the previous header.

#header {
background: url(images/header.jpg) !important;
height: 100%;
width: 100%;
float: left;
border-bottom: 10px solid #cbe4ee;
position: relative;
}

However, the banner won't displayed. Am I doing wrong? Is there something missing from the code?

I ask several people and they don't understand why this happened. The header is uploaded properly using FTP and was displayed if I type the full URL on the browser. I really need help to solve this problem, for people who are good in CSS, I believe this is a really easy task.

Thanks!

 

your header div size is 900x153.
is your 'header.jpg' size accomodate that, since the actual image were populated with ' repeat-x' properties and have an exact height(143px) ? (what is the size of your 'header.jpg')

try to add :

overflow:auto;

Code (markup):

if the above code not working, just try to change your "height: 100%;" to "height: (your header.jpg height)px;"

hope that could help you.

 

Either link your website here, or PM it to me. I'm happy to take a look into it for you

 

Hi ardianet
Thankyou so much for the solution