Wrapper

Bonjour,

j'ai une div wrap à l'intérieur de laquelle se trouvent deux div : left et main.
J'ai mis ces trois div à

height:100%;

et j'ai ajouté une image de fond à ma div wrap.
Je n'obtiens toujours pas d'image de fond sur toute la hauteur soit pour la div main soit pour la div left suivant qu'elles sont les plus petites.

voici le code suivant :

#wrap {
background:#fff url(../images/fond.jpg) repeat-y   -80px 0  ;
width:960px;
height:100%;
border:0;
margin:0;
padding:0;
}

#left{
float:left;
width:25%;
height:100%;
}

#main {
float:left;
width:70%;
overflow:hidden;
height:100%;
}

Qu'est-ce qui manque à mon code ?

Merci de vos réponses

Bonjour,

Tu es face à un cas typique de dépassement des flottants.

Merci pour le diagnostic, quel est le traitement que tu préconises ?

Une petite recherche ?

Je l'ai déjà faite avant de poster mon message. Je n'ai pas de pb sur ie, ni de pb résolvable par un

clear:both; overflow:hidden;

ou autre joyeuseté. un

min-height

ne serait pas bienvenu non plus que il s'agit de contenu généré dynamiquement .
Je ne cherche pas à minimiser mes floats mais à faire en sorte que mon wrapper puisse avoir l'info pour la hauteur.
En attaché une image qui résume peut être mieux la situation.