Table problems..

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • chodadog
    Confirmed User
    • Apr 2002
    • 9736

    #1

    Table problems..

    I seem to have no control over the way my table cells are sizing!

    Take this table for example

    PHP Code:
    <table border="1" width="200" table height="100">
    <tr>
    <td width="100" height="100" rowspan="2">100 wide, 100 high</td>
    <td width="100" height="30">100 wide, coded for 30 high</td>
    </tr>
    <tr>
    <td width="100" height="70">100 wide, coded for 70 high</td>
    </tr>
    </table> 
    
    produces..

    <table border="1" width="200" table height="100">
    <tr>
    <td width="100" height="100" rowspan="2">100 wide, 100 high</td>
    <td width="100" height="30">100 wide, coded for 30 high</td>
    </tr>
    <tr>
    <td width="100" height="70">100 wide, coded for 70 high</td>
    </tr>
    </table>

    wTF? Why do the two right cells split evenly, rather than the heights i have specified? Am i doing something wrong?
    Last edited by chodadog; 06-13-2002, 09:21 PM.
    26 + 6 = 1
  • foe
    Confirmed User
    • May 2002
    • 5246

    #2
    add a percent sign so like 100 to 100% etc I think thats what your looking for

    Comment

    • chodadog
      Confirmed User
      • Apr 2002
      • 9736

      #3
      i'll give it a go..

      <table border="1" width="200" table height="100">
      <tr>
      <td width="100" height="100" rowspan="2">100 wide, 100 high</td>
      <td width="100" height="30%">30%</td>
      </tr>
      <tr>
      <td width="100" height="70%">70%</td>
      </tr>
      </table
      26 + 6 = 1

      Comment

      • chodadog
        Confirmed User
        • Apr 2002
        • 9736

        #4
        BAH! fucks me
        26 + 6 = 1

        Comment

        • marty
          Confirmed User
          • Feb 2002
          • 1656

          #5
          The large text stretches the table to make itself fit. And since you had the same amount of large text in the top as in the bottom it went to 50-50.

          You can either remove the text or minimize the text as shown below.
          Code:
          <table border="1" width="200" table height="100">
          <tr>
          <td width="100" height="100" rowspan="2">&nbsp;</td>
          <td width="100" height="30">&nbsp;</td>
          </tr>
          <tr>
          <td width="100" height="70">&nbsp;</td>
          </tr>
          </table>
          PHP Code:
          <table border="1" width="200" table height="100">
          <tr>
          <td width="100" height="100" rowspan="2">&nbsp;</td>
          <td width="100" height="30">&nbsp;</td>
          </tr>
          <tr>
          <td width="100" height="70">&nbsp;</td>
          </tr>
          </table> 
          
          Code:
          <table border="1" width="200" table height="100">
          <tr>
          <td width="100" height="100" rowspan="2"><FONT SIZE=1>100 wide, 100 high</FONT></td>
          <td width="100" height="30"><FONT SIZE=1>100 wide, coded for 30 high</FONT></td>
          </tr>
          <tr>
          <td width="100" height="70"><FONT SIZE=1>100 wide, coded for 70 high</FONT></td>
          </tr>
          </table>
          PHP Code:
          <table border="1" width="200" table height="100">
          <tr>
          <td width="100" height="100" rowspan="2"><FONT SIZE=1>100 wide, 100 high</FONT></td>
          <td width="100" height="30"><FONT SIZE=1>100 wide, coded for 30 high</FONT></td>
          </tr>
          <tr>
          <td width="100" height="70"><FONT SIZE=1>100 wide, coded for 70 high</FONT></td>
          </tr>
          </table> 
          

          Comment

          • chodadog
            Confirmed User
            • Apr 2002
            • 9736

            #6
            D'oh. Thanks
            26 + 6 = 1

            Comment

            Working...