Width auto et 100%

Bonjour,

je cherche a afficher dans un div un textarea et un bloc, la largeur du textarea dépendante de la largeur du contenu du bloc.

Si le bloc est à droite et le textarea à gauche, je fais ceci :

<style type="text/css">
#container {
	float:left;
	width:400px;
}
#content {
	background:#f2f2f2;
	overflow:hidden;
	padding:5px;
}
#sidebar {
	height:18px;
	float:left;
	font-size:14px;
	display:block;
	padding-left:7px;
}
textarea {
	height:18px;
	font-size:14px;
	float:left;
	width:100%;
	background-color:#333333;
}
</style>

<div id="container">
     <div id="sidebar"> du texte </div>
     <div id="content">
          <textarea type="text"/>
          blabla
          </textarea>
     </div>
</div>
</div>

Mais je ne vois pas comment faire pour avoir le textarea à droite et le div (sidebar) à gauche.

Un peu d'aide serait bienvenu
Modifié par naptiv (14 Mar 2009 - 12:51)

salut,

<style type="text/css">
#container {
	float:left; /*- à deplacer sur ton content */
	width:400px;
}
#content {
	background:#f2f2f2;
	overflow:hidden;
	padding:5px;
        width: 80%;
}
#sidebar {
	height:18px;
	float:left;
	font-size:14px;
	display:block;
	padding-left:7px;
        width: 20%;
}
textarea {
	height:18px;
	font-size:14px;
	float:left; /* à supprimer */
	width:100%; /* prend la largeur de son parent dans ton cas div content */
	background-color:#333333;
}
</style>

<div id="container">
     <div id="sidebar"> du texte </div>
     <div id="content">
          <textarea type="text"/>
          blabla
          </textarea>
     </div>
</div>
</div>

++