I have a problem with my website banner. If you view this site www.ensaca.org from different browser settings like 800 x 600, 1024 by 768. etc, my banner shift from it'z normal prosition. what do you think is the problem?

did u use tables when u built the site?

@xdos

Go through your source codes again.
The Div Tag (layout objects) that the image is in, is the source of your worries.
Try repositioning the tag in your HTML editor.

Center the content within the tags that contains the banner be it the div or td tag.

xdos,

In the end, the entire page needs a redesign. Regardless sha, rather than use an html editor for this, I say letz do some "surgery"

<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td width="574">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td><a href="index.html"><img src="images/but01.gif" width="114" height="30" alt="" border="0"></a></td>
<td><a href="aboutus.html"><img src="images/but02.gif" alt="" width="114" height="30" border="0"></a></td>
<td><a href="mission.html"><img src="images/but03.gif" width="112" height="30" alt="" border="0"></a></td>
<td><a href="http://www.ensaca.org/squirrelmail"><img src="images/but04.gif" width="116" height="30" alt="" border="0"></a></td>

<td><a href="contactus.html"><img src="images/but05.gif" width="117" height="30" alt="" border="0"></a></td>
</tr>
</table> </td>
</tr>
</table>
<div></div>
<div><img src="images/banner.gif" width="575" height="97"></div></td>
</tr>
</table>

I won't bother testing this and will leave this to you/others, but this should work (man! I hate tables ):
- remove the div tags surrounding the banner image
- remove the empty div tags (if dynamically generated, include them within ur logic)
- remove the banner altogether from where it is now
- add another row and dump the banner, in its own cell, in there. In other words:

<tr><td><img src="images/banner.gif" width="575" height="97"></td></tr>

This should work. One more thing though: Up top the td width is 574 yet the banner width is 575. This will throw off your layout by 1 pixel. In fact, if you look at the page closely, using FF at least, you will notice it is sticking out a little. I would suggest you make them the same width for both the banner and the td.

Also the menus width total is 571 if my math is right. I would suggest adding 1 pixel to each menu to make it equal 575.

Note this is just bandaging. Again, there is a better way to implement this, way more efficient - think inline lists, using text and an orange background. think using % widths for the overall menu and width:auto for the individual items. Your code shows the inherent problem with using an html editor in my opinion. I personally go for coding by hand - if you don't understand how the underlying code works/implement unit testing, when you run into problems, you won't know how to solve them.

Remember: Just like you can't trust auto-suggest in MS Word to help you with correct grammar all the time, you can't trust an html editor 100% of the time either. Coding by hand may take longer, but you learn much better. In the future, I would suggest you switch to the code tab of your editor.

I hope this helps. For more, give www.webmastersofafrica.com a try

I hope this helps.

Thank all. I think that problem was a layer problem. I had to recode using div tag, Thanks for the contribution.

hey man i love the template pf the website.Pls can i know u downloaded it from?i need one pls.
Thanks man