Hauteur d'un bloc flottant ajustée à son conteneur

kent1_123
Nouveau WRInaute
Nouveau WRInaute
 
Messages: 18
Inscription: 28 Juin 2011

Hauteur d'un bloc flottant ajustée à son conteneur

Message le Mar Jan 31, 2012 9:18

Bonjour,

Je ne parviens pas à ajuster la hauteur d'un bloc à son conteneur.

J'explique le contexte :

Mon conteneur global : "columns" est en float left
Mon conteneur gauche (qui forme le menu de mon site) : float left; clear left; width 200px;
Mon conteneur droit (qui forme le corps de la page) : float left; width 700px;


Le problème étant que le conteneur droit est toujours + grand en hauteur que mon conteneur gauche et comme mon conteneur gauche possède un fond, celui-ci ne descend pas jusqu'en bas.

Comment puis-je résoudre mon problème.

Je reste à votre disposition pour d'autres renseignement et vous remercie d'avance pour vos réponse.

Cordialement, Quentin.

lambi521
WRInaute impliqué
WRInaute impliqué
 
Messages: 782
Inscription: 15 Juin 2010

Re: Hauteur d'un bloc flotant ajuster à son conteneur

Message le Mar Jan 31, 2012 9:29

Tes conteneurs... de type inline, block ? Table, div... ?
Pour des divs, faut jouer avec height:auto, height:100% et display:block ou display:inline-block


SpeedAirMan
WRInaute accro
WRInaute accro
 
Messages: 2612
Inscription: 1 Juin 2007

Re: Hauteur d'un bloc flotant ajuster à son conteneur

Message le Mar Jan 31, 2012 10:58

Y'a plein de techniques pour ça.

J'aime particulièrement les faux columns et la méthode en JavaScript (allez, on vous laisse chercher un peu ;-) ).


Si vous avez aimé cette discussion, partagez-la sur vos réseaux sociaux préférés :

Lectures recommandées sur ce thème :



Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 0 invités