Forum d'entraide PHPFrance

Bonjour à tous,

j'ai 2 tableaux html, tab 1 et tab 2.
tab 2 est imbriqué dans tab 1, tab 1 fait 1000px de hauteur.

Je souhaite que tab 2 soit toujours collé en bas de tab1, quelle que soit le height de tab 1.
Pour cela, je fais:

Code : Tout sélectionner

table.tab1 {
height: 1000px;
}

table.tab2 {
margin-bottom: 0px;
}

ça ne marche pas, mon tab 2 n'est pas positionné au pied de tab 1.
Je ne veux pas utiliser valign="bottom" pour la cellule dans laquelle se trouve tab2, car j'ai d'autres éléments à positionner dans la même cellule.

Savez vous pourquoi mon margin-bottom: 0px; ne me colle pas tab2 à la bordure inférieure de tab1?

Merci pour vos réponses.

Essaie la propriété display: table-cell (même si Internet Explorer ne l'implémente pas), comme suit.

Code : Tout sélectionner

table.tab1 {
  display: table-cell;
  height: 1000px;
}

Pour corriger le problème avec IE, essaie la propriété vertical-align: bottom (toujours dans table.tab1).

Soit dit en passant, pourquoi un tableau imbriqué dans un autre ?

Ce n'est pas sans poser des problèmes d'accessibilité pour certains utilisateurs souffrant de handicaps.

De plus, si c'est pour la mise en page, pourquoi la faire avec des tableaux quand tu peux utiliser d'autres éléments de blocs (div, entre autres), que tu pourras mieux placer selon tes souhaits ?

Forum d'entraide PHPFrance

positionnement tableaux

positionnement tableaux