Ces trois boîtes sont le contenu d’un site. A gauche, un menu. Au centre, le contenu proprement dit et à droite, du bordel.
Le but est qu’elles s’alignent sur la hauteur.
Comme j’ai fait ça (j’ai pas mal rouillé en six mois sans faire de CSS), les hauteurs des boîtes sont fixées (450px pour le cas présent). Si je vire cette valeur, tout se barre en couille, les boîtes prennent la taille que leur donne leur contenu, ce qui fait qu’elles n’ont donc plus la même hauteur. (parlant du contenu, je l’ai masqué pour éviter de me taper en plus la honte que tout le monde voie les conneries que je tape au lieu de copier/coller du lorem ipsum).
Si je rajoute du contenu en plus que ce que la boîte peut accueillir, ben le contenu sort de ladite boîte.
Donc voilà la bête question, c’est quoi l’astuce pour qu’une boîte prenne la hauteur que lui donne son contenu et entraîne ses deux copines avec elle?
Tiens, la connaissais pas celle là, elle va servir.
Mais j’ai du mal m’exprimer (à cette heure-ci, pas étonnant).
Ce que je voulais, c’était pouvoir me dispenser de fixer une hauteur aux trois boîtes, que cela se fasse automatiquement, que la plus grosse au niveau contenu “dicte” la hauteur des deux autres…
Merci pour ta réponse en tout cas, ça m’a permis de découvrir un truc que je ressortirai à la première occasion
Merci bien, Webrunner.
J’ai essayé d’intégrer ça dans le code de mon truc, mais c’est tellement le merdier que ça déconne.
Maintenant, les boîtes ne laissent plus fuir leur contenu, mais elles ne se tiennent toujours pas au courant de leur taille respectivement (égoïstes de merde).
Le plus gros problème vient surtout de la compatibilité Moz/IE.
Je crois que je vais recommencer du début en partant de l’exemple que tu m’as filé et reconstruire là dessus, au moins j’aurai des bases solides.
Encore merci pour vos réponses rapides malgré l’heure tardive ('fin, il est presque tôt en fait B) )
Ouais, c’est justement de là que vient tout le problème chez moi…
Pour le gros bloc et l’image de fond, ça risque de pas être possible, en fait. Le background du html est censé accueillir une image avec un dégradé qui sera visible par les espaces entre les colonnes ce qui interdit cette solution là.
Pour le javascript, je suis moyennement fan…
Le temps de me réveiller et je vais tenter le truc de Webrunner…
Une solution chez PositionEverything.net : l’avantage, c’est que, quelle que soit la colonne avec le plus “haut” contenu, la hauteur des autres s’adaptent aussi.