Results 1 to 12 of 12
  1. #1
    Join Date
    Jun 2003
    Location
    Somerset, UK
    Posts
    162

    Tables - How to make them not change in height!

    Okay, we are designing a new site and we have a table which is split, the left had side is for the navigation and the right part the content.

    The navigation part is also split into 9 parts for the buttons, sub-header and then the bottom one for additional content.

    However, when the main content area starts to scroll down and it gets longer the left had side table stretches with it (does this make sense)?

    So when we have finished inputting the content the navigation tables are spread loads and the buttons are not together.

    I hope this makes sense.

    Anyone help?
    Youzo.co.uk
    http://www.youzo.co.uk
    Funky gifts, gadgets, clothing and homeware for him, for her, for the kids, for lovers, for the kids and for everything else!

  2. #2
    Join Date
    Jan 2004
    Location
    Chicago
    Posts
    288
    I don't see how one TD can not be affected by the adjoining TD.

    Why not put a table inside the left TD and insert your navigation?
    9/11 Memorial, do you have a story to tell?
    United Web Site Award Givers, do you believe your site is worthy of an award?

  3. #3
    Join Date
    Jun 2003
    Location
    Somerset, UK
    Posts
    162
    Well its doing it LOL

    How do we place a table inside a table?

    Thanks
    Youzo.co.uk
    http://www.youzo.co.uk
    Funky gifts, gadgets, clothing and homeware for him, for her, for the kids, for lovers, for the kids and for everything else!

  4. #4
    Join Date
    Jan 2004
    Location
    Chicago
    Posts
    288
    <table><tr><td>
    <table><tr><td></td></tr></table>
    </td></tr></table>
    9/11 Memorial, do you have a story to tell?
    United Web Site Award Givers, do you believe your site is worthy of an award?

  5. #5
    alternatively you can align the cell to the top, <td valign="top"> and any navigtion/graphics should stay snug at the top of that cell.

  6. #6
    Join Date
    Jan 2004
    Location
    Chicago
    Posts
    288
    Or if you want to be W3 compliant <td style="vertical-align: top;">
    9/11 Memorial, do you have a story to tell?
    United Web Site Award Givers, do you believe your site is worthy of an award?

  7. #7
    Join Date
    May 2002
    Location
    UK
    Posts
    2,994
    Originally posted by Executive
    Or if you want to be W3 compliant <td style="vertical-align: top;">
    Depends on what standard you are using.

    XHTML transitional allows valign attribute

  8. #8
    Join Date
    Jan 2004
    Location
    Chicago
    Posts
    288
    I guess we should add if you want to be Bobby compliant <td id="this is the menu portion of the table">
    9/11 Memorial, do you have a story to tell?
    United Web Site Award Givers, do you believe your site is worthy of an award?

  9. #9
    Just drop a table inside of that left column and place your nav inside of it. This way, as the right column grows in height due to expanding text, the left column will pull down, BUT the table inside of it will stay at the top.

    If you are using an editor you can simply click inside the column and "insert" a table.
    Something witty here...

  10. #10
    Join Date
    Jun 2003
    Location
    Somerset, UK
    Posts
    162
    Thank you very much.

    This was done and it has resolved our problem.

    Many Thanks.

    Chris.

    Originally posted by PlaneWalker
    Just drop a table inside of that left column and place your nav inside of it. This way, as the right column grows in height due to expanding text, the left column will pull down, BUT the table inside of it will stay at the top.

    If you are using an editor you can simply click inside the column and "insert" a table.
    Youzo.co.uk
    http://www.youzo.co.uk
    Funky gifts, gadgets, clothing and homeware for him, for her, for the kids, for lovers, for the kids and for everything else!

  11. #11
    Good to hear
    Something witty here...

  12. #12
    Join Date
    May 2002
    Location
    UK
    Posts
    2,994
    Originally posted by Executive
    I guess we should add if you want to be Bobby compliant <td id="this is the menu portion of the table">
    id's can't have spaces in them

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •