making the div width stretch to fit its contents
        Posted  
        
            by Lina
        on Stack Overflow
        
        See other posts from Stack Overflow
        
            or by Lina
        
        
        
        Published on 2010-03-30T08:02:27Z
        Indexed on 
            2010/03/30
            8:13 UTC
        
        
        Read the original article
        Hit count: 408
        
Hi, I have the following html code:
<table>
  <tr>
    <td>
      <div id="fixmywidth" style="position:relative; height:30px;">
        <div style="z-index: 2000; margin-top: 5px; height: inherit; position: absolute;">
          <table style="height:inherit">
            <tr style="height:inherit">
              <td align="center" style="width: 31px; height: inherit;"> </td>
              <td align="center" style="width: 31px; height: inherit;"> </td>
              <td align="center" style="width: 31px; height: inherit;"> </td>
              <td align="center" style="width: 31px; height: inherit;"> </td>
              <td align="center" style="width: 31px; height: inherit;"> </td>
              <td align="center" style="width: 31px; height: inherit;"> </td>
              ........300 tds later
              <td align="center" style="width: 31px; height: inherit;"> </td>
            </tr>
          </table>
        </div>
      </div>
    </td>
  </tr>
</table> 
how do i make the div with the id "fixmywidth" width fit the width of the containing elemets? i tried width=100% and widht = auto but they wouldn't work thanks a trillion in advance, Lina
© Stack Overflow or respective owner