jquery - CSS Textarea width is wrong also margin left and right -
i created fiddle show strange. created div 200px width , inside div inserted textarea using css. because box div rest of design need texarea have 10px margin left , 10px margin right, edited margins , set width of textarea 180 because if outer div 200px , 10px padding left - 10px padding right have 180px left used in textarea width
here code used:
css
#messenger { margin-left:10px; margin-right:10px; margin-top:10px; margin-bottom:10px; width:180px; height:64px; overflow:auto; background:#ffffff; font-size:11px; font-weight:normal; color:#333333; border:1px solid #666666; padding-left:5px;padding-right:5px;padding-top:2px; } #outer {width:200px;background:#cccccc;} html
<div id="outer"> <textarea name="message" id="messenger" form="chat" maxlength="100" onfocus="if(this.value==this.defaultvalue)this.value='';"> message here </textarea> </div> well looking pretty bad here demo:
https://jsfiddle.net/f3d1t223/

i need have borders 1px too. ideas why happening?
check out one.
#messenger { margin:10px; width:168px; height:64px; overflow:auto; background:#ffffff; font-size:11px; font-weight:normal; color:#333333; border:1px solid #666666; padding-left:5px; padding-right:5px; padding-top:2px; } #outer {width:200px;background:#cccccc;} <div id="outer"> <textarea name="message" id="messenger" form="chat" maxlength="100" onfocus="if(this.value==this.defaultvalue)this.value='';"> message here </textarea> </div> acording code have padding , border size need reduce values width of textarea.
Comments
Post a Comment