faisant la largeur div pour l'ajuster son contenu

Question

Je le code html suivant:

<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> 

comment puis-je faire la div avec l'id « fixmywidth » largeur la largeur des elemets contenant? i essayé width = 100% et = auto Largeur mais ils ne fonctionneraient pas merci à l'avance billion, Lina

Answer 1

Par « contenant des éléments, » voulez-vous dire les éléments qui contiennent <div id="fixmywidth"></dIv>, ou les éléments contenus dans les <div id="fixmywidth"></div>?

Si c'est ce dernier, Fabian est à droite, et la question se trouve ici:

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

position: absolute; prend la <div> sur le flux de documents, il prend pas de place. Par conséquent, son élément conteneur (<div id="fixmywidth"></div>) n'inclut aucun élément dans le flux de documents et n'a donc aucune dimension.

Vous pouvez corriger cela en supprimant position: absolute;, mais cela peut ne pas correspondre à vos objectifs de mise en page.

Answer 2

Ce n'est pas possible parce que la div à l'intérieur est pas réellement à l'intérieur, à cause de la position relative/absolue. Je ne suis pas sûr à 100% de ce que vous essayez d'accomplir là-bas, mais si vous supprimez ces 2, il sera correctement dimensionné.

Answer 3

position absolue de supprimer l'enfant immédiat de fixmywidth

Answer 4

Si vous supprimez position:relative de 'fixmywidth', cela devrait fonctionner.