à l'aide, fixation de textarea dans un div !
chabacha109
Messages postés
326
Statut
Membre
-
chabacha109 Messages postés 326 Statut Membre -
chabacha109 Messages postés 326 Statut Membre -
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
comment faire pour corriger cette probléme d'affichage ??
merci d'avance ^^
To Be Or Not To Be , Marwen
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
2 réponses
-
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+ -
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
