css and window size

Hi,

In my website i have this heading banner which go over the normal content of the page. So it looks like its over the images. I have used CSS layers to do this. But when i change the browser size it moves and not in the place where it should be.

This is the currnet code for the banner part,

<span id="Layer1" style="position:absolute; width:346px; height:69px; z-index:1; left: 182px; top: 60px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: small; overflow: visible;"><img src="head2.gif" width="656" height="41"><br>
<table width="190%" height="28" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="27" background="menu.gif"><div align="center"><font size="1" face="Verdana, Arial, Helvetica, sans-serif"><strong> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<font color="#663333">&nbsp;<font color="#613030">WHO
SHOULD TAKE THE PROGRAM? &nbsp;&nbsp;|| &nbsp;&nbsp;DOWNLOAD REGISTRATION
FORM&nbsp;&nbsp;&nbsp;||&nbsp;&nbsp;&nbsp;LEARN MORE ABOUT CMS</font></font></strong></font></div></td>
</tr>
</table>
</span>


can some one help me how to position it according to the screen size or resolution.

wouldn't position relative be better here so, it will remain in the position that is always relative to its partner? with position:absolute it will always stay where you specify. try the position:relative and, if it does not work write back and tell me so.

Hello,

Thanks for the reply. I did try relative before i message also. because i searched the topic. For some reason it not working in mine because the main page is in huge table and it is set 100% width. So what happen is even though the table adjust to the window size. The css banner doesn't.

Thanks in advance for anyones input.

woow

you ougth to use a div-tag instead of that span-tag,
span tags can't contain blocklevel tags.

Its the same story with the div tags in it. It doesn't do any difference. Please help me