Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 4 of 4
  1. #1
    Senior Member
    Join Date
    Mar 2004
    Posts
    1,518
    Member #
    5220
    The layout of my site goes like this:

    Top Bar (banner)
    Seperator Bar (long black box)
    Middle table (content)
    Bottom table (copyright info)

    I want to put my DIVs in the Middle Table and I want them to move with that middle table. So I put this code for the middle table:
    style="position: relative;"
    So now the final code for the Middle Table is:

    <table width="100%" cellspacing="0" cellpadding="0" height="458" style="position: relative">
    <tr>
    <td height="459" valign="top">
    <p>&nbsp;</p>

    </td>
    </tr>
    </table>
    Now that should make any DIVs I put into the Middle Table, recognize this Middle Table as their container and move with that container - right? Well it doesn't, and they don't.

    I have no idea why it is doing this, as far as I can see, everything should work fine. Also, if this makes any difference, all table widths are 100%. See the attachments for further information (if they help you at all).

    I really hope you understand this, I know it is confusing. Thanks in advance, will7.
    Attached Images Attached Images
    Rednerve
    Creative Freelance Design

  2.  

  3. #2
    Senior Member glyakk's Avatar
    Join Date
    Nov 2003
    Location
    USA
    Posts
    1,263
    Member #
    3828
    Liked
    6 times
    Dont put the relative positioning on the TABLE, put it on the TD that the DIV is inside of.

    Also do not forget the semi-colon after the rule
    style="position: relative;"

    Note: Tables do not behave like most other elements, for instance they do not always inherit/pass down properties the same way most elements would. When you are dealing with CSS for tables it is best to think of the table tag only as a collection of table rows, and the table rows to be a collection of table cells. And that each thinks of itself as independant and not the child of another element. So when formatting content the best bet is to directly access the TD's and dont count on the TABLE or TR elemnts to pass down properties.


  4. #3
    Senior Member
    Join Date
    Mar 2004
    Posts
    1,518
    Member #
    5220
    <table width="100%" cellspacing="0" cellpadding="0" height="458">
    <tr>
    <td height="459" valign="top" style="position: relative;">
    <p>&nbsp;</p>

    </td>
    </tr>
    </table>
    Like that? Still doesn't work for some reason...
    Rednerve
    Creative Freelance Design

  5. #4
    Senior Member glyakk's Avatar
    Join Date
    Nov 2003
    Location
    USA
    Posts
    1,263
    Member #
    3828
    Liked
    6 times
    Where is your layer?



Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 03:20 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com