à l'aide, fixation de textarea dans un div !

Fermé
chabacha109 Messages postés 268 Date d'inscription samedi 11 décembre 2010 Statut Membre Dernière intervention 14 mai 2012 - Modifié par chabacha109 le 13/06/2011 à 21:36
chabacha109 Messages postés 268 Date d'inscription samedi 11 décembre 2010 Statut Membre Dernière intervention 14 mai 2012 - 14 juin 2011 à 19:52
Bonjour,




lorsque je réduire la taille de la fenetre de navigateur ou diminue la résolution de l'ecran

la zone de text(textarea) se déborde de son div..

voila des captures écran:
(svp supprimez les espaces, je ne sait pas pourquoi il n'accepte pas les liens !! )

dc336. 4shared. com /img / cUB7Lz6p /s7 / pas. JPG
dc336. 4shared. com /img /HmSARnsr /s7 / prog. JPG


voila le code :       
textarea{      
padding:3px 10px 0px 10px;      
border:1px solid silver;      
}      

#gauche{ float: left ;      
 margin-left: 28px;      
 margin-right: 5px;      
 padding: 2px;      
 width: 66%;       
margin-bottom:15px;      
}      

#droite{ float: right;      
 width: 25%;      
 padding: 0px;      
 margin-bottom:15px;      
 margin-left:0px;      
 margin-right:20px;      

}      


       
 <div id="gauche">       

  <textarea name="tet"id="idtet"rows="15"cols="70"OnKeyUp="resize(tet.id,tet.value,15)">      
   Hi ,      

 </textarea>      


      </div>      


<div="droite">      
<!-- la partie doirte.... -->      
</div>      



comment faire pour corriger cette probléme d'affichage ??

merci d'avance ^^





To Be Or Not To Be , Marwen
A voir également:

2 réponses

mpmp93 Messages postés 6648 Date d'inscription mercredi 13 avril 2011 Statut Membre Dernière intervention 28 septembre 2015 1 339
14 juin 2011 à 09:23
Bonjour,

simplement ceci:

textarea{
padding:3px 10px 0px 10px;
border:1px solid silver;
width: 100%; /* adapter à 100% ou moins selon besoin... */
height: 100%; /* idem ci-dessus.... */
}


et le div par exemple:

<div style='height: 40px;'><textarea name='xxxx'></textarea></div>

Le textarea va prendre la largeur et hauteur du DIV.

A+
2
chabacha109 Messages postés 268 Date d'inscription samedi 11 décembre 2010 Statut Membre Dernière intervention 14 mai 2012 9
14 juin 2011 à 14:16
bonjour,
merci beaucoup tu m'a sauvé
0
chabacha109 Messages postés 268 Date d'inscription samedi 11 décembre 2010 Statut Membre Dernière intervention 14 mai 2012 9
Modifié par chabacha109 le 14/06/2011 à 20:00
salut,
j'espére que j'ai pas vous ennuyer...

encore une autre probléme de méme genre ...
si je réduit la taille de la fenétre ou la résolution.....
cette fois j'ai 3 div
tu peux tester ceci par toi méme :
http://marwen.lockernerd.co.uk/
tout ce que je veux c'est d'avoir un design flexible , quelque soit la résolution ou la taille de la fenetre de navigateur....

voila mon code(je vous donne l'essentiel, j'ai supprimé qq balises inutile... )
si vous voulez le code complet :
css:
http://marwen.lockernerd.co.uk/images/BrightSide.css
index.php:
http://marwen.lockernerd.co.uk/images/index.txt


#wrap {      
 width: 99%;       
 text-align: left;       
}      

#content-wrap {      
 clear: both;      
 margin: 0; padding: 0;       
 width:100%      

}      


#sidebar {      
 float: left;      
width: 15%;      

}      

#main {      
 float: left ;      
margin-left:1.5cm;      
width: 60%;      
}      


#rightbar {      
 float: right;      
 width: 15%;      
 }      


<div align="center">      

   <div id="wrap">      

       <div id="content-wrap">       

             <div id="sidebar" > //partie gauche      
                .......      
               </div>      
                        
      <div id="main">  // le centre      
                .......      
               </div>       

             <div id="rightbar">// partie droite      
               .......      
             </div>      

       </div>      

   </div>      

</div> 




merciiiiii beaucoup ^^

To Be Or Not To Be , Marwen
0