[Résolu] Hauteur d'un flottant

Bonjour,

J'ai fait une recherche sur le forum concernant mon problème, j'ai trouvé quelque chose sur la hauteur d'un flottant mais je n'arrive pas à l'appliquer.

Voici mon cas:

J'ai 4 bloc <div> pour une disposition classique

le 1er est l'entête et prend toute la largeur
le 2ème est la colonne de gauche (pour le menu)
le 3ème est la colonne de droite (pour le contenu)
le 4ème est le pied de page qui prend aussi toute la largeur

Je place mon entête
Ma colonne de gauche est en position float:left
Ma colonne de droite n'est pas flottante et viens se positionner comme prévu à doirte.
Enfin, je fait un clear:both pour que mon pied de page se positionne en dessous de tout les autres blocs.

Jusque là tout va bien... mais je voudrais que la colonne de gauche soit de la même hauteur que la colonne de droite

Je rappelle que la colonne de gauche est flottante (left) mais que la colonne de droite ne l'est pas (et ne peut pas l'être pour diverses raisons trop longues à expliquer).

Merci d'avance pour votre aide.

Ma structure (simplifiée) est comme ceci:

<div id="entete"></div>

<div id="gauche"></div>

<div id="droite">
<div id="image"><img /></div>
</div>

<div id="pied"> </div>

#entete {
}

#gauche {
width: 170px;
float: left;
}

#doite {
margin-left: 170px;
}

#image {
float: left;
width: 150px;
padding: 10px;
}

#pied {
clear: both;
}
Modifié par bzayid (08 Jul 2005 - 12:12)

Je pense qu'en mettant mes 2 colonnes dans un contener de même couleur que ma colonne la plus petite, ça devrait le faire, non?

Ok, ça fonctionne.

C'est fou ce qu'on peut faire en réflechissant un peu!

Bonjour,

Ta question trouve réponse dans la FAQ :
Comment faire des "colonnes" de même hauteur ?
Une solution assez simple consiste à jouer avec le background d'un conteneur global de tes deux colonnes pour simuler des colonnes de longeurs égales. Cf l'article de pompage pour une explication détaillée.

Bonne chance.

---
Edit : Grilled N'oublie pas le [résolu]
Modifié par gr3mi (08 Jul 2005 - 12:52)

Merci, j'avais trouvé comment faire

C'est mon premier passage sur votre super site. Il y a tellement à lire que je n'avais pas fait attention.

Merci quand-même

A+
Modifié par bzayid (08 Jul 2005 - 12:54)

Comment met-on [Résolu] ?

Edit: Ok, comme d'hab, suffit de lire
Modifié par bzayid (08 Jul 2005 - 12:56)