Change Row Height in Table

Discussion in 'HTML & Website Design' started by ketan9, Feb 16, 2007.

  1. #1
    I am trying to change the row height in html table but with no success.

    This is what i have been doing
    
    <table>
       <tr style="height:20px">
          <td> Hello World!!</td>
       </tr>
    </table>
    
    HTML:
    This works fine in IE but not in firefox. I can't find a proper fix to make this work under firefox. I need to modify the row height... so please give some hint to get this working!!
     
    ketan9, Feb 16, 2007 IP
  2. unitedrokz

    unitedrokz Peon

    Messages:
    86
    Likes Received:
    9
    Best Answers:
    0
    Trophy Points:
    0
    #2
    alter the height value with the td, not tr

    change to this

    <table>
    <tr>
    <td height="50"> Hello World!!</td>
    </tr>
    </table>
     
    unitedrokz, Feb 16, 2007 IP
  3. naif

    naif Well-Known Member

    Messages:
    469
    Likes Received:
    19
    Best Answers:
    0
    Trophy Points:
    118
    #3
    That works in IE even though it shouldnt because there is no height attribute for table row. You can give height and width attributes only to <TD>.
     
    naif, Feb 16, 2007 IP
  4. bobin

    bobin Peon

    Messages:
    2
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #4
    giving float left does the trick, <tr style=" float:left; height:39px">
     
    bobin, Oct 14, 2010 IP