28172 sujets

CSS et mise en forme, CSS3

Salut à tous,

Un petit soucis concernant une div, je m'explique :
Je crée un site en utilisant un #wrappercentral pour centrer toutes mes autres div.
Dans ce #wrappercentral je crée 2 div qui seront 2 colonnes (une pour le menu : #wrapperleft, et une pour le contenu #wrapperright).

Pour mon #wrapperright, son height est en auto.

J'aimerai que le #wrapperleft se prolonge jusqu'en bas selon la taille de la page (du coup par rapport au wrapperright).
Si je mets un height 100%, mon wrapperleft ne va pas jusqu'en bas et s'arrête à un moment en cour de route.

Une idée ?
Merci pour les liens très intéressants mais mon cas est un peu particulier, je poste mon css :
Modifié par Shek (12 Jul 2013 - 15:17)

html, body, #wrappercentral {
	height: 100%;}
body {
	background-color: #000;}
#wrappercentral {
	font-family: Coolvetica;
	width: 940px;
	margin: 0 auto 0 auto;}
	
/* WRAPPER GAUCHE */
#wrapperleft {
	float: left;
	width: 250px;
	min-height: 100%;
	margin: 0px;
	background-color: #09c; 
	background-image: -webkit-linear-gradient(bottom, rgba(255,255,255,.91), rgba(0,153,204,.91)); 
	background-image: -moz-linear-gradient(bottom, rgba(255,255,255,.91), rgba(0,153,204,.91)); 
	background-image: -o-linear-gradient(bottom, rgba(255,255,255,.91), rgba(0,153,204,.91)); 
	background-image: -ms-linear-gradient(bottom, rgba(255,255,255,.91), rgba(0,153,204,.91)); 
	background-image: linear-gradient(to top, rgba(255,255,255,.91), rgba(0,153,204,.91));
	background-color: #FFF;
	background-repeat: repeat-x;}

Modifié par Shek (12 Jul 2013 - 15:18)