Positionnement de deux blocs

Bonjour,
Voici mon piti problème : deux blocs sont alignés côtes à côtes horizontalement.



Je voudrais que le bloc de gauche prenne toute la place disponible sans faire passer le bloc de droite en dessous, de telle manière que si le bloc de droite est vide (remplissage dynamique) alors le bloc de gauche occupe toute la place.




Actuellement j'arrive à mettre les deux blocs côte à côte, mais le bloc de droite garde toujours la même largeur. Si je passe en % alors le bloc de droite passe en dessous de celui de gauche...

Le code css

#blocdegauche {
	width:550px;
	height:auto;
	float:left;
	padding:15px;
}

#blocdedroite {

	width:auto;
	height:auto;
	float:right;
	padding:5px 25px 0 0;
	}

Merci pour votre aide
Modifié par drummkit (19 Jun 2007 - 18:32)

Salut,

Si tu es en dynamique pourquoi pas :
width: 100% (ou width non formulé) pour bloc gauche.
tester si le bloc droit est vide alors display: none pour bloc droite et margin-right: 0 pour bloc gauche sinon display: block pour droit et margin-right: largeur de droit pour gauche...

Sais pas si je suis clair sur le coup

Si on place le bloc de droite en premier dans le code et en float: right, on peut faire que le bloc de gauche (pas flottant) vienne prendre la largeur restante grâce à un contexte de formatage.

Voir la partie qui traite du contexte de formatage dans ce tutoriel :
Un design fluide avec trois «colonnes», grâce au positionnement flottant