Help me fix header image plz

[aleemx316]

Hey i changed teh header image on my site here www.bescaribbean.net/products

but with diferent screen resolutions the site expands and the header image remains the same size causing the site 2 look off


See attachement


How can i fix the header image to fit in the site properly???

[dbltoe]

Quickest fix is top change the 90% to 888px for your mainWrapper in the stylesheet.css

[aleemx316]

ok i edited

#mainWrapper {
	background-color: #ffffff;
	text-align: left;
	/*width: 750px;*/
	width: 888px;
	vertical-align: top;
	border: 1px solid #9a9a9a;

and it still didnt work???????????

[dbltoe]

site still shows 90%

[aleemx316]

Oh thats because i edited it on the localhost and didnt upload it to the web server .

Ok i uploaded it now . it seems to be showing however i asked a friend to check it, his sreen resolution was 1280 x 1024 and he said it did not show up properly.

can you tell me if it shows up well??

Thx

[aleemx316]

ok the width of the page seems to be fixed but the height needs adjusting

as you cansee the attachment it laps under the menu bar

can you assist??

[dbltoe]

Doesn't show up that way on my screen.

There are many other things I would have done different but, it seems to be presenting itself okay.

[aleemx316]

hmm can i adjust the header height or maybe resize image?

while file in the css to edit the height?

[dbltoe]

You've hidden your browser type in the image. Are you viewing the site with IE or Firefox?

Can you be more specific about height? I don't see what you see in your browser. I do see an incorrect call for navEZPagesTop in your page source.

<!--bof-header ezpage links-->
<div id="navEZPagesTop">
<a href=""></a>
</div>
<!--eof-header ezpage links-->
</div>

This is more than likely the cause of the extra space under the Bes Caribbean image and the navbar with Home.

[aleemx316]

ok which file to edit ???