URL: https://linuxfr.org/forums/programmationweb/posts/mettre-en-forme-une-page-avec-4-div Title: Mettre en forme une page avec 4 div. Authors: Gyro Gearllose Date: 2005年08月30日T14:29:27+02:00 Tags: Score: 0 Hello ! J'ai une page web dans laquelle j'ai 4 div. Jusque là, tout va bien. Le soucis, c'est de mettre ça en forme pour avoir 2 div par ligne. Evidement, ces div n'ont pas la même largeur, sinon, ce serait trop simple. Ma page se présente sous cette forme : +---------------------+-----------------------------------+ | | | | | | | D1 | D2 | | | | +---------------------+------------+---------------------+ | | | | | | | | | | D3 | D4 | | | | | | | +-----------------------------------+---------------------+ Voici les contraintes : D1+D2 = D3+D4 = largeur de la page affichée La hauteur de D2 = la hauteur de D1 = la hauteur du plus haut des deux. La hauteur de D3 = la hauteur de D4 = la hauteur du plus haut des deux. J'ai cherché du côté des CSS, notemment en utilisant les propriétés display:block, float et clear, mais sans succès pour l'instant. Si quelqu'un a une solution, je lui en serait vraiment reconnaissant. Ah, oui, j'oubliais, je ne sais dans quel ordre placer ces div dans mon source. Pour l'instant, j'ai D1, puis D3, puis D2, puis D4. J'ai partiellement réussi à obtenir ce que je voulais. A savoir que D3 est bien sous D1, D2 est bien à droite de D1, mais par contre, D1 et D2 n'ont pas la même hauteur, et D4 est en dessous du tout. Je continue de chercher, et si je trouve avant que l'on me poste la solution ici-même, je placerai la réponse, au cas où ça puisse servir à d'autres. P.S. désolé pour cet ascii-art raté, mais je n'ai pas réussi à faire mieux ;-) !