Advanced Search

Results 1 to 2 of 2

Thread: Tables

  1. #1
    Join Date
    Feb 2006
    Posts
    158
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Tables

    I've got a table with 3 columns and 3 rows. The two columns to the right have rowspan=3, and so i've got one column on the left that consists of 3 table cells, and two columns (middle & right) that contain one cell each. I want the bottom cell on the leftmost column to adjust it's height such that the two cells above it in the same column have the same height at all times based on the content they have within them.

    So basically there's a cell in the bottom left of my table that I want to extend to match the center column, so that my two cells above it don't change in height when the center column grows in length.

    How do i do that?

  2. #2
    Join Date
    Jun 2009
    Posts
    18
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    so
    HTML Code:
    <table width="100">
    <tr> 
      <td></td>
      <td rowspan="3"></td>
      <td rowspan="3"></td>
    </tr>
    <tr>
      <td></td>
    </tr>
    <tr>
      <td></td>
    </tr>
    is what you have...

    and you want the the bottom <td> to encompass the entire remainder of whatever the other rowspan's encompass?

    I think you can do this by setting the height's of the first two explicitly or setting the third to a % (66% perhaps)
    HTML Code:
    <table>
    <tr> 
      <td height="200"></td>
      <td rowspan="3"></td>
      <td rowspan="3"></td>
    </tr>
    <tr>
      <td height="150"></td>
    </tr>
    <tr>
      <td ></td>
    </tr>
    if you do itthis way the third one will continue to the bottom of however long the other collums are.

    or


    HTML Code:
    <table width="100">
    <tr> 
      <td></td>
      <td rowspan="3"></td>
      <td rowspan="3"></td>
    </tr>
    <tr>
      <td></td>
    </tr>
    <tr>
      <td height="66%"></td>
    </tr>

Bookmarks

Posting Permissions

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