[résolu]Probleme de hauteur avec %

Bonjour,

voilà je travail sur un site qui soit optimisé sur plusieurs résolutions, j'utilise donc des %.

j'ai donc créer un bloc à gauche et un autre bloc a droite qui est le corps du site.
Le corps du site s'agrandit au fur à mesure du contenu mais pas le bloc gauche.

quelqu'un a t-il une petite sugestion à me faire.

merci

html, body {
margin: 0;
padding: 0;
height: 100%
}



#gauche{float:left;
width:196px;
height:100%;
background-position: top top;
background-color:#fcff1c;
background-image:url(logo.jpg);
background-repeat:no-repeat;
} 

#haut{

height:100px;
background-color:#3d6db7;

}


#page{border-style:solid;

margin-left:196px;
padding-left:5%; 
padding-right:5%;
text-align:justify;
line-height:30px;
font-weight: bold;

}

Modifié par burinho (30 Jul 2006 - 21:34)

je suppose que c'est du au height: 100%;
100% c'est 100% de la hauteur de l'ecran au dela , il s'arrette

Salut

Je te conseille de faire un tour sur cet article qui t'aidera à faire ce que tu cherche.

jp94 a écrit :
je suppose que c'est du au height: 100%;
100% c'est 100% de la hauteur de l'ecran au dela , il s'arrette

oui en effet,
c'est 100% de l'ecran mou qui croyais que c'était 100 % de la page.

Mikachu a écrit :
Salut

Je te conseille de faire un tour sur cet article qui t'aidera à faire ce que tu cherche.

en effet c'est pas con du tout de mettre le tout dans une div contenant.

merci

Je viens de remarquer que si après on ajoute du texte dans le div gauche le contenant va s'agrandir sur la page de droite.