28220 sujets

CSS et mise en forme, CSS3

[Résolu] Comment adapter la hauteur d'un div à un autre

Bonjour,

Sur cette page http://philippebessiere.free.fr/article.php3?id_article=8" rel="noopener" >http://philippebessiere.free.fr/article.php3?id_article=8http://philippebessiere.free.fr/article.php3?id_article=8

J'ai un problème avec la colonne de gauche. Comment faire pour que cette colonne pousse le cadre ? Pour l'instant c'est la colonne de droite qui adapte la hauteur du cadre.

Ce div est en float :

#cadreGauche {float:left; width: 288px; margin-left: 48px; border: 1px solid #FF3300;}


Voici ma CSS :

#conteneur {position: absolute; margin-top: 2px; width: 774px; left: 50%; margin-left: -387px; background-color:#FFFFFF; border: 0px solid #FF3300}
#header {height: 150px; background-color: #FFFFFF;}
#navMenu {position: absolute; right:0; width: 384px;}
#centre {height: 48px; background-color: #74414e; border: 0px solid #FF3300; padding-left: 6px; padding-top: 2px;}
#corps {background-color: #74414e; border: 0px solid #FF3300; padding-top: 2px;}
#cadreGauche {float:left; width: 288px; margin-left: 48px; border: 1px solid #FF3300;}
#cadreDroit {width: 288px; margin-left: 438px; border: 1px solid #FF3300;}
#cadreForm {margin-left: 200px; width: 348px; border: 1px solid #FF3300; text-align: center;}


Merci d'avance pour votre aide
Philippe
Modifié par ensemblevide (18 Jan 2006 - 21:03)
Salut !

Essaye d'ajouter un élément (<div>, <hr />, ...) à la fin du #conteneur, et d'appliquer à cet élément :
clear: both
la propriété clear:both/right/left force l'élément sur lequel elle est appliquée à s'afficher en dessous des éléments flottants des deux côtés/à droite/à gauche.
Ok merci
Je viens de me rendre compte que ça fonctionne avant le tag fermant du DIV "corps" et pas "conteneur" comme tu me l'as préconisé.
Ca pose un problème ?

Philippe
non, a priori ça ne devrait pas poser de problème ... il me semble que les deux devraient fonctionner :

- si on le met dans #conteneur, #corps reste adapté à son contenu, mais #conteneur, qui contient la couleur de fond, continue jusque sous le flottant.

- si on le met à la fin de #corps, on oblige #corps à se prolonger jusqu'au-delà du flottant --> automatiquement, #conteneur suit. Mais dans ce cas, la bordure de #corps devrait logiquement arriver jusqu'en bas.
Sujet clos
Aller à