CSS - deux DIV à augmenter sur la hauteur
John_Vhass
-
siniko44 Messages postés 187 Statut Membre -
siniko44 Messages postés 187 Statut Membre -
Bonjour,
J'ai un petit hic en CSS. Pour une page où se trouvent diverses articles, j'ai besoin que deux blocs, qui sont côté à côte, puissent avoir une hauteur similaire, mais qui augmente si le contenu d'un de ces bloc vient à dépasser la hauteur minimum.
J'ai donc eu idée de mettre ces deux blocs dans une div ayant une hauteur minimum de 200px. Et ce dont j'ai besoin maintenant, c'est que ces deux blocs puissent prendre toute la hauteur disponible de la div qui les renferme... L'ennui, c'est que même avec un height à 100%, je n'obtiens rien !
Qu'est-ce que je peux faire pour arranger çà ?
J'ai un petit hic en CSS. Pour une page où se trouvent diverses articles, j'ai besoin que deux blocs, qui sont côté à côte, puissent avoir une hauteur similaire, mais qui augmente si le contenu d'un de ces bloc vient à dépasser la hauteur minimum.
J'ai donc eu idée de mettre ces deux blocs dans une div ayant une hauteur minimum de 200px. Et ce dont j'ai besoin maintenant, c'est que ces deux blocs puissent prendre toute la hauteur disponible de la div qui les renferme... L'ennui, c'est que même avec un height à 100%, je n'obtiens rien !
Qu'est-ce que je peux faire pour arranger çà ?
3 réponses
-
C'est une idée...
Mais comme j'ai besoin de faire propre là dessus, je l'envisagerai en dernier recours... Parce qu'avec le graphisme, ca va être chaud ! -
Tu ajoute <table cellspacing="0" cellspadding="0" border="0">
Et tu as tel comme tu le veux.
A part cette méthode, je ne vois pas comment tu pourrais faire pour que l'un augmente en fonction de l'autre bloc :/.
Après, j'me suis sûrement pas beaucoup creusé la tête ^^. -
Tu peux toujours trouver ton bonheur avec les tableaux.
<table> <tr style="min-height:200px;"> <td>Premiere bloc</td><td>Deuxieme bloc</td> <tr> <table>
Certes, c'est moins propre, mais sa marche x)
