28112 sujets

CSS et mise en forme, CSS3

[Résolu] <TD> - height 100%

Modérateur
Bonjour,

Il me semble qu'il faudrait que l'un des parents (le td, le tr, etc.) ait une hauteur explicite.

Amicalement,
Modérateur
Bonjour,

Une astuce consiste à mettre une hauteur de 1px au td (si toutefois c'est compatible avec le reste de ton css).

Amicalement,
Meilleure solution
Chaque fois que j’ai posé ce genre de question la réponse des experts du forum a été « 100% de quoi ? »
Si tu n’as pas fixé de hauteur à ta cellule, par exemple 50px ou 3 vh ou 10em le navigateur ignore le 100%
Modérateur
Bonjour,

Il semblerait que la combine du 1px sur le td ne marche pas avec firefox (ça dépend du reste du css).

Par contre, le css ci-dessous semble fonctionner sur chrome, firefox, safari et être relativement passe-partout :
td > *{
  background: orange;
  height: 100%;
}
table,td
{
  height:100%;
}

Amicalement,
Modifié par parsimonhi (02 Feb 2021 - 10:54)
Modérateur
PapyJP a écrit :
Chaque fois que j’ai posé ce genre de question la réponse des experts du forum a été « 100% de quoi ? »


+1 et c'est souvent le cas (pas toujours) pour un élément hors flux.

À une époque, lorsqu'on voulait mettre le footer tout le temps en bas de page et sans qu'il soit hors flux, il fallait que les éléments parents aient un height à 100% (y compris <html>). Maintenant avec grid, ça aide beaucoup et supprime les contraintes liées à la technique précitée.
Administrateur
Yordi a écrit :
Au top, merci !!


valign="top", tu veux dire ?
Modifié par Raphael (03 Feb 2021 - 16:29)
Modérateur
Tout juste 15ans et tu fais des blagues de vieux Smiley rolleyes Smiley ravi
Modifié par Yordi (04 Feb 2021 - 09:06)
Sujet clos
Aller à