Question

J'essaie de créer un panneau déroulant dans une cellule de tableau.

Ce que j'aimerais, c'est que la div soit aussi large que la cellule du tableau, puis que les barres de défilement soient affichées pour le contenu.

Lorsque j'essaie ce qui suit, la div définit sa largeur à 100% de la balise span contenue, pas la cellule

<table cellpadding="3" width="90%" align="center" border="0">
  <tr>
    <td>
       <div style="border: solid 1px red; height: 10px; width: 100%; overflow: auto;">
          <span style="width: 2000px;">a</span>
       </div>
    </td>
  </tr>
</table>

J'étais sous l'impression que width = 100% devrait redimensionner sur parent pas sur enfant?

Des idées?

Était-ce utile?

La solution

Une cellule de tableau vide n'a pas de largeur, l'étendue est celle qui force la largeur de la cellule. C'est pourquoi la largeur div est égale à la largeur de la cellule.

Autres conseils

Je l'ai essayé dans un div contenant au lieu d'un tableau et cela fonctionne bien.

Je suppose que la largeur de l'envergure interne fait que la largeur de td est de 2000 pixels

Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top