100% logo width?

[jimmybob]

Hi,

I noticed that on different screen resolutions my website www.footballflashbacks.co.uk shows as a different size on each one.

So I tried changing this code below in the stylesheet to 100% and it filled the screen, adjusted to each screen resolution. But as the image/logo is only one particular size, it keeps changing with each screen resolution.

(This is the area I changed to get the page width to 100% - note it's back to 850px now because its looks silly with the differing logo sizes)

#mainWrapper {
background-color: #ffffff;
text-align: left;
width: 850px;
vertical-align: top;
border: 1px solid #9a9a9a;
}

Do you understand what I mean? I hope I'm being clear enough!

Basically I was wondering if there is a way to get the logo/header to be 100% in size like the page is?

Hope you can help.

Jim

[kobra]

You have a static image that is controlling this. if you look at a default install template you will see that the logo is a smaller image aligned left the reset is a background image applied in the css.

For your header you will have to cut up the image and place it on a header that has a background color the same as the current green.

I would make 3 images the left the center & the right the left can be logo.gif or jpg the center cvan be >?? and would attach this to the tagline entry centered and the right you will have to edit the tpl_header.php adding say a logo2 entry with a class of forward to right align this.

[jimmybob]

I think I understand what you are saying, its just I wouldn't have a clue about how to go about doing it?

Can you help please?

Cheers
Jim

[kobra]

If you do not have a graphic program and can not seperate these images there is no assistence tha can be given in the forum

[jimmybob]

Hi,

I have a few Graphics programs (Photoimpact, Paint Shop Pr) - is that what you mean?

And I can easily seperate the images.

[kobra]

Yes that is what I was referring to...

Create the 3 images that I posted about