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 9 of 9
  1. #1
    Senior Member filburt1's Avatar
    Join Date
    Jul 2002
    Location
    Maryland, US
    Posts
    11,774
    Member #
    3
    Liked
    21 times
    I have a table with two columns at 50% width each. In each of those tables, I have a single table (yes, this is messy but required for the design). I want the two inner tables to have the exact same height: the maximum height of the container table.

    CSS's height:100% in each inner table does not work, and the HTML height attribute for tables is deprecated. Ideas?
    filburt1, Web Design Forums.net founder
    Site of the Month contest: submit your site or vote for the winner!

  2.  

  3. #2
    Senior Member rosland's Avatar
    Join Date
    Jul 2003
    Location
    Norway
    Posts
    1,944
    Member #
    2096
    When you say "does not work", what actually happens?

    Are the two nested tables smaller (in height) than the container table (effect as if cellpadding was set in the container table) or is the problem something else?
    S. Rosland

  4. #3
    Senior Member filburt1's Avatar
    Join Date
    Jul 2002
    Location
    Maryland, US
    Posts
    11,774
    Member #
    3
    Liked
    21 times
    The tables revert to their normal behavior of being just big enough for the content.

    One table (the one with more content) is the entire height of the container. The other is naturally smaller as it has less content.
    filburt1, Web Design Forums.net founder
    Site of the Month contest: submit your site or vote for the winner!

  5. #4
    Senior Member rosland's Avatar
    Join Date
    Jul 2003
    Location
    Norway
    Posts
    1,944
    Member #
    2096
    If it's any consolation, it seems to be a well known flaw/shortcoming in HTML/CSS.

    As far as I could find, there are no coding solutions to the problem, only workarounds. Most solutions I found, tiled a background image in the table cell with a 1x1 px transparent GIF (by specifying height or width/height). That way the TD cell maintains its intended proportions.
    S. Rosland

  6. #5
    WDF Staff smoseley's Avatar
    Join Date
    Mar 2003
    Location
    Boston, MA
    Posts
    9,729
    Member #
    819
    Liked
    205 times
    Just use height="100%"

    It's deprecated, but it works.

    By my philosophy, that's all that matters.

  7. #6
    Senior Member filburt1's Avatar
    Join Date
    Jul 2002
    Location
    Maryland, US
    Posts
    11,774
    Member #
    3
    Liked
    21 times
    This is for WDF v4 which is designed to be XHTML Transitional 1.0 compliant.
    filburt1, Web Design Forums.net founder
    Site of the Month contest: submit your site or vote for the winner!

  8. #7
    Senior Member filburt1's Avatar
    Join Date
    Jul 2002
    Location
    Maryland, US
    Posts
    11,774
    Member #
    3
    Liked
    21 times
    Originally posted by rosland
    If it's any consolation, it seems to be a well known flaw/shortcoming in HTML/CSS.

    As far as I could find, there are no coding solutions to the problem, only workarounds. Most solutions I found, tiled a background image in the table cell with a 1x1 px transparent GIF (by specifying height or width/height). That way the TD cell maintains its intended proportions.
    Is there a workaround other than an image hack? HTML itself may be an ugly hack, but that's just really ugly
    filburt1, Web Design Forums.net founder
    Site of the Month contest: submit your site or vote for the winner!

  9. #8
    WDF Staff smoseley's Avatar
    Join Date
    Mar 2003
    Location
    Boston, MA
    Posts
    9,729
    Member #
    819
    Liked
    205 times
    Originally posted by filburt1
    which is designed to be XHTML Transitional 1.0 compliant.
    Any particular reason why?

    Unless you're using XML/XSL to generate your HTML, there's no reason to conform to that standard.

  10. #9
    WDF Staff smoseley's Avatar
    Join Date
    Mar 2003
    Location
    Boston, MA
    Posts
    9,729
    Member #
    819
    Liked
    205 times
    P.S. - you could always use javascript, but that's the ugliest of available solutions.


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 11:56 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com