tag:blogger.com,1999:blog-8232276077748806216.post3221222165770046913..comments2023-09-12T00:47:23.207-07:00Comments on A .NET Developer's Blog: How to make a textbox and a textarea same width across browsersWaleed Eissahttp://www.blogger.com/profile/04090512767164140583noreply@blogger.comBlogger18125tag:blogger.com,1999:blog-8232276077748806216.post-68593152905755988132014-07-25T06:41:19.329-07:002014-07-25T06:41:19.329-07:00None of these worked for me in firefox (FF30 on OS...None of these worked for me in firefox (FF30 on OS X 10.7) and I found using 100% width on the textarea & inputs, in a fixed width containing element with overflow: hidden, combined with resize: none on the textarea works.<br /><br />Firefox appears to add about 2px width beyond the container's width, if the textarea is 100% wide, irrespective of padding and borders, but overflow: hidden prevents this.Anonymousnoreply@blogger.comtag:blogger.com,1999:blog-8232276077748806216.post-11841355110091511272013-12-24T01:10:10.657-08:002013-12-24T01:10:10.657-08:00in ie textarea containing text show border effectin ie textarea containing text show border effectBasheer Kitchilanhttps://www.blogger.com/profile/05000108853336708487noreply@blogger.comtag:blogger.com,1999:blog-8232276077748806216.post-81752489240363024182013-02-21T08:09:02.508-08:002013-02-21T08:09:02.508-08:00If % does not work, try px;If % does not work, try px;Anonymousnoreply@blogger.comtag:blogger.com,1999:blog-8232276077748806216.post-74079496609753107252012-12-04T03:03:34.314-08:002012-12-04T03:03:34.314-08:00gr8 work man!gr8 work man!haider khalidnoreply@blogger.comtag:blogger.com,1999:blog-8232276077748806216.post-30442907753585373842012-10-25T10:40:09.546-07:002012-10-25T10:40:09.546-07:00Thank you Wal, it helped me with Firefox/Chrome co...Thank you Wal, it helped me with Firefox/Chrome compatibility.<br /><br />Cheers,<br /><br />MikeAnonymousnoreply@blogger.comtag:blogger.com,1999:blog-8232276077748806216.post-41268028693655872012011-11-02T03:43:04.500-07:002011-11-02T03:43:04.500-07:00@Anonymous, simply using padding: 2px; (or 4px) sh...@Anonymous, simply using padding: 2px; (or 4px) should do the trick. If only the left padding works, then you must have other code that resets the padding later. Try to check the rest the code and you should find what's causing the problem.<br /><br />Good Luck,<br />WalWaleed Eissahttps://www.blogger.com/profile/04090512767164140583noreply@blogger.comtag:blogger.com,1999:blog-8232276077748806216.post-20824138709445587472011-11-02T03:22:31.759-07:002011-11-02T03:22:31.759-07:00Nice artical But i am unable go give padding to a ...Nice artical But i am unable go give padding to a textare. i need 2-4 px padding in a textarea.only left padding works but not from the top.can you suggest anything about it??Anonymousnoreply@blogger.comtag:blogger.com,1999:blog-8232276077748806216.post-21618507919095751892011-06-29T01:37:00.322-07:002011-06-29T01:37:00.322-07:00Nice information on how to make a textbox and a te...Nice information on how to make a textbox and a textarea same width across browsers. Extremely detailed and very great advices. KudosMutuelle santehttp://www.mutuelle-sante-fsp.comnoreply@blogger.comtag:blogger.com,1999:blog-8232276077748806216.post-85270489765649572792011-06-19T06:01:22.800-07:002011-06-19T06:01:22.800-07:00Thank you it has been a very good guide, now to ma...Thank you it has been a very good guide, now to make a textbox and a textarea same width across browsers is without a doubt very easy utilizing your guidance. KudosRachat de credithttp://www.7rachat-credits.comnoreply@blogger.comtag:blogger.com,1999:blog-8232276077748806216.post-11855661566021830512011-05-09T09:22:31.108-07:002011-05-09T09:22:31.108-07:00What about iPhone? The rendering I get based on se...What about iPhone? The rendering I get based on setting textbox and textarea widths to 100% is significantly different/Anonymousnoreply@blogger.comtag:blogger.com,1999:blog-8232276077748806216.post-65237158717901827982011-04-16T12:40:58.185-07:002011-04-16T12:40:58.185-07:00Awesome tips and hints, to make a textbox and a te...Awesome tips and hints, to make a textbox and a textarea same width across browsers is easy with your recommendation. Thank you for sharingMutuelle santehttp://www.mutuelle-sante-fsp.comnoreply@blogger.comtag:blogger.com,1999:blog-8232276077748806216.post-39261573457323100052010-07-25T03:16:58.572-07:002010-07-25T03:16:58.572-07:00Didn't use -moz-padding properties. Just gave ...Didn't use -moz-padding properties. Just gave the same width for input text boxes and textarea. After that made padding:0; and worked like a charm in webkit browsers.Da Cricketerhttps://www.blogger.com/profile/04938798528495298817noreply@blogger.comtag:blogger.com,1999:blog-8232276077748806216.post-52894129634769478912010-03-02T09:44:38.446-08:002010-03-02T09:44:38.446-08:00No -moz top or bottom padding possible? Seems inco...No -moz top or bottom padding possible? Seems incomplete...Anonymousnoreply@blogger.comtag:blogger.com,1999:blog-8232276077748806216.post-11771223421347744802009-12-20T11:32:45.677-08:002009-12-20T11:32:45.677-08:00I used it this way
-Karthik
#contactform textare...I used it this way<br />-Karthik<br /><br /> #contactform textarea<br /> {<br /> padding:1px;<br /> width: 150px; <br /> overflow:auto;<br /> }<br /> #contactform input <br /> {<br /> width:150px;<br /> -moz-padding-start: 1px;<br /> -moz-padding-end: 1px;<br /> }Anonymousnoreply@blogger.comtag:blogger.com,1999:blog-8232276077748806216.post-76575871293729273652009-12-20T11:31:33.913-08:002009-12-20T11:31:33.913-08:00nice tip! thankx
-Karthiknice tip! thankx<br />-KarthikAnonymousnoreply@blogger.comtag:blogger.com,1999:blog-8232276077748806216.post-16402125785801110142009-09-24T08:49:56.048-07:002009-09-24T08:49:56.048-07:00thank you for this!thank you for this!shorepoundhttp://www.shorepound.netnoreply@blogger.comtag:blogger.com,1999:blog-8232276077748806216.post-83878337933240024162009-04-15T05:46:00.000-07:002009-04-15T05:46:00.000-07:00Gr8!! this worked for me.Gr8!! this worked for me.Santhoshnoreply@blogger.comtag:blogger.com,1999:blog-8232276077748806216.post-59640699156639585062009-03-14T19:06:00.000-07:002009-03-14T19:06:00.000-07:00Nice post. The number of browser-platform combinat...Nice post. The number of browser-platform combinations we have to test with has increased dramatically in recent times. I am actually writing this in Chrome now.Anonymousnoreply@blogger.com