J'aimerais faire appel à vos compétences en CSS pour un problème assez récurrent : le layout en colonnes (deux, dans mon cas). Je voudrais obtenir deux colonnes à largeur variable et de hauteurs identiques (pour que leurs border-bottom soient alignés), quels que soient leurs contenus. À première vue ça semble simple, en pratique je n'arrive pas à trouver une solution qui fonctionne sous IE et Fx (histoire de changer).
Dans mes exemples, la première colonne est à largeur fixe, mais a priori ça ne change pas le problème.
Première approche (screenshot fx) : deux "div", le premier en float:left et le second en float:none. Le positionnement est correct, mais impossible de régler la hauteur du div en float:left (height:100% ne fonctionne qu'à condition de définir manuellement la taille de tous ses parents, ce qui n'est pas envisageable puisqu'ils sont variables). Accessoirement le rendu est très différent sous IE et Fx.
Deuxième approche (screenshot fx) : toujours deux "div", mais cette fois les deux en float:left. Il faut du coup penser à mettre un clear à la fin, mais cette solution a le bon goût d'avoir le même rendu sous Fx et IE. Par contre le problème initial est toujours présent : impossible d'avoir les deux "div" de la même hauteur.
Troisième approche (screenshot ie, screenshot fx) : deux "td" dans un tableau dont l'attribut "border-collapse" est activé. Ah les tableaux c'est génial parceque contrairement aux CSS, ça marche. Presque. Sous IE (6) le résultat est parfait, mais Firefox (3) fait un peu n'importe quoi : le tableau se met à mordre sur le "div" qui le contient, sans raison logique (et puis les bords du tableau disparaissent sous ceux des "td", mais c'est plus anecdotique). Dommage, parcequ'à part ce comportement étrange mon problème était résolu : les deux "td" font bien sûr la même hauteur.
Y a-t'il une raison que j'ignore et qui explique le comportement de Firefox, et une solution qui marche bien existe-t-elle pour ce problème ? (tous les layouts à deux colonnes de même hauteur que j'ai trouvés sur Google utilisent des colonnes à largeur fixe, ce qui ne m'intéresse pas). Merci
