web-dev-qa-db-fra.com

min-hauteur et cellules du tableau

J'ai fait un peu de recherche à ce sujet, mais je voulais juste demander aux gens qui sauraient beaucoup mieux que moi.

Est-il vrai que la définition d'une hauteur dans une cellule de tableau agit uniquement comme une hauteur minimale? Je sais que c'est vrai dans Firefox, mais dans quels autres navigateurs cela se produit-il?

29
That Guy

Réponse courte: OUI. J'ai essayé de charger le code suivant:

<table border="0" style="background-color: yellow;">
    <tr style="background-color: green;">
        <td>row 0 cell 0</td>
        <td>row 0 cell 1</td>
    </tr>
    <tr style="background-color: green;">
        <td height="50">row 1 cell 0</td>
        <td>row 1 cell 1</td>
    </tr>
    <tr style="background-color: green;">
        <td style="height: 50px;">row 2 cell 0</td>
        <td>row 2 cell 1</td>
    </tr>
</table>

Les deux (hauteur et style) fonctionnent de la même manière dans les navigateurs que j'ai essayés:

  • Linux
    • Google chrome 19.0
    • Firefox 13.0
    • Konqueror 4.8
  • Les fenêtres
    • Google chrome 19.0
    • Firefox 12.0 et 13.0
    • Internet Explorer 8
  • Android 2.3.3
23
Zmogas

de: http://www.w3.org/TR/CSS21/visudet.html#propdef-max-height

Dans CSS 2.1, l'effet de "min-height" et "max-height" sur les tableaux, les tableaux en ligne, les cellules de tableau, les lignes de tableau et les groupes de lignes n'est pas défini.

de: http://www.w3.org/TR/CSS21/tables.html#height-layout

La hauteur de la boîte d'un élément "table-ligne" est calculée une fois que l'agent utilisateur dispose de toutes les cellules de la ligne: c'est le maximum de la "hauteur" calculée de la ligne, la "hauteur" calculée de chaque cellule de la ligne, et la hauteur minimale (MIN) requise par les cellules. Une valeur de "hauteur" de "auto" pour une "ligne de table" signifie que la hauteur de ligne utilisée pour la mise en page est MIN. MIN dépend des hauteurs de boîte de cellules et de l'alignement de la boîte de cellules (un peu comme le calcul de la hauteur d'une boîte de ligne). CSS 2.1 ne définit pas comment la hauteur des cellules et des lignes du tableau est calculée lorsque leur hauteur est spécifiée à l'aide de valeurs en pourcentage. CSS 2.1 ne définit pas la signification de la "hauteur" sur les groupes de lignes.

En CSS 2.1, la hauteur d'une case de cellule est la hauteur minimale requise par le contenu. La propriété 'height' de la cellule du tableau peut influencer la hauteur de la ligne (voir ci-dessus), mais elle n'augmente pas la hauteur de la zone de cellule.

20
Adam Tolley