October 13th, 2003, 10:09 AM
css and window size
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">
<td height="27" background="menu.gif"><div align="center"><font size="1" face="Verdana, Arial, Helvetica, sans-serif"><strong> <font color="#663333"> <font color="#613030">WHO
SHOULD TAKE THE PROGRAM? || DOWNLOAD REGISTRATION
FORM || LEARN MORE ABOUT CMS</font></font></strong></font></div></td>
can some one help me how to position it according to the screen size or resolution.
October 13th, 2003, 10:55 AM
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.
Ryan Jones (RyanJ)
October 13th, 2003, 11:16 AM
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.
October 13th, 2003, 11:44 AM
you ougth to use a div-tag instead of that span-tag,
span tags can't contain blocklevel tags.
October 14th, 2003, 09:36 AM
Its the same story with the div tags in it. It doesn't do any difference. Please help me