#1
  1. No Profile Picture
    Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Oct 2003
    Posts
    41
    Rep Power
    11

    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.
  2. #2
  3. No Profile Picture
    Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Sep 2003
    Location
    Rhondda Cynon Taff, Wales
    Posts
    172
    Rep Power
    11
    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)
  4. #3
  5. No Profile Picture
    Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Oct 2003
    Posts
    41
    Rep Power
    11
    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
  6. #4
  7. |<.+#f@#+.&.|
    Devshed Loyal (3000 - 3499 posts)

    Join Date
    Mar 2002
    Location
    norway
    Posts
    3,009
    Rep Power
    1224
    you ougth to use a div-tag instead of that span-tag,
    span tags can't contain blocklevel tags.
  8. #5
  9. No Profile Picture
    Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Oct 2003
    Posts
    41
    Rep Power
    11
    Its the same story with the div tags in it. It doesn't do any difference. Please help me

IMN logo majestic logo threadwatch logo seochat tools logo