[resolu] 2 div, largeur non fixée pour l'un, restante pour l'autre ?

Bonjour,

j'ai un problème de dimensionnement de DIV.

CSS

#conteneur{
		height:25px;
		width:1000px;
		background:#cccccc;
	}
	
	#path{
		float:left;
		height:100%;
		background:#aaaaaa;
		
	}
	
	#news{
		overflow:hidden;
		float:left;
		background:#bbbbbb;
		height:100%;
		
	}

HTML

<div id="conteneur">
		<div id="path">
			Accueil > Section 1 > Rubrique 2 > Article
		</div>
		<div id="news">
			Quapropter a natura mihi videtur potius quam ab indigentia orta amicitia, applicatione magis animi cum quodam sensu amandi quam cogitatione quantum illa res utilitatis esset habitura. Quod quidem quale sit, etiam in bestiis quibusdam animadverti potest, quae ex se natos ita amant ad quoddam tempus et ab eis ita amantur ut facile earum sensus appareat. Quod in homine multo est evidentius, primum ex ea caritate quae est inter natos et parentes, quae dirimi nisi detestabili scelere non potest; deinde cum similis sensus exstitit amoris, si aliquem nacti sumus cuius cum moribus et natura congruamus, quod in eo quasi lumen aliquod probitatis et virtutis perspicere videamur.
		</div>
	</div>

Le résultat
[EDIT Laurie-Anne : image trop grande]http://img690.imageshack.us/img690/9530/pbcss.gif

Dans le path, je mets la hierarchie de la page, du genre :
Accueil > Section 1 > Rubrique 2 > Article
Ce div s'élargit donc tout seul en fonction de la taille de la chaine de caractère qui s'y trouve.

Dans le news, j'aimerais afficher des infos qui défileront (par du jQuery). J'aimerais que le bloc news occupe toute la place restante

Je ne trouve pas comment faire pour que le bloc Path ai une largeur mobile, prioritaire sur la largeur restante du bloc News. Quelqu'un voit comment faire ?

Merci !


Edit :
OK, il suffit juste de retirer le "float:left;" sur #news;
Merci !
Modifié par waida (09 Nov 2009 - 11:48)