Home/ Questions/Q 688887
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-14T02:16:33+00:00

I have the following html code: <table> <tr> <td> <div id=fixmywidth style=position:relative; height:30px;> <div

  • 0

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;">&nbsp;</td>
              <td align="center" style="width: 31px; height: inherit;">&nbsp;</td>
              <td align="center" style="width: 31px; height: inherit;">&nbsp;</td>
              <td align="center" style="width: 31px; height: inherit;">&nbsp;</td>
              <td align="center" style="width: 31px; height: inherit;">&nbsp;</td>
              <td align="center" style="width: 31px; height: inherit;">&nbsp;</td>
              ........300 tds later
              <td align="center" style="width: 31px; height: inherit;">&nbsp;</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

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    By “containing elements,” do you mean the elements that contain <div id="fixmywidth"></dIv>, or the elements contained within <div id="fixmywidth"></div>?

    If it’s the latter, Fabian is right, and the issue lies here:

    <div style="z-index: 2000; margin-top: 5px; height: inherit; position: absolute;">

    position: absolute; takes the <div> out of the document flow, so it takes up no space. Therefore, its containing element (<div id="fixmywidth"></div>) doesn’t encompass any elements in the document flow, and therefore has no dimensions.

    You can fix that by removing position: absolute;, but that may not fall in line with your layout goals.

    • 0