Try setting cols= in textarea. Not totally sure that's the fix (and can't test in IE6 right now), but I'm pretty sure the problem is that the browser doesn't know to insert line breaks at the end of the box width (try it in firefox -- the text keeps going on one line instead of fitting the box).
Hope this helps, Jeff On Jan 26, 6:09 am, Mark Smith <[email protected]> wrote: > I completely agree with your sentiment about IE 6, it's not my > decision. > > Unfortunately your suggestion doesn't seem to work, whatever _width: > px value I specify, the textarea gets a width of about 180px, even in > firefox... > > On Jan 26, 10:13 am, "Paulo Diovani" <[email protected]> wrote: > > > I can't see a point, today, to spend time and money developing to MSIE 6. > > But your ptoblem is easy to fix/workaround. > > > Since your outer <div> has 500px, all it's children with 100% width Will > > have the same. So, Just add a CSS Hack to MSIE6: > > > .boxbody textarea { > > width:100%; > > _width: 499px; /* change to the value you need */ > > > } > > > TIP: if you're using a <styles> tag, prevent using inline styles (in the two > > outer <div>s) also, they can make a developer become confuse on where are > > the styles. > > __ > > Paulo Diovani Gonçalves > > [email protected]http://diovani.com > > > > -----Mensagem original----- > > > De: [email protected] [mailto:[email protected]] Em > > > nome de Mark Smith > > > Enviada em: terça-feira, 26 de janeiro de 2010 06:55 > > > Para: Design the Web with CSS > > > Assunto: [Design with CSS 2809] Weird problem with textarea in IE6 > > > > In the following html the width of the text area increases in IE6 > > > outside of the containing div after the user starts typing in it... It > > > works fine in every other browser I've tested. > > > > Why? And how should I prevent it from happening in IE6? > > > > Thanks > > > > <html><head> > > > <title>Test</title> > > > <style> > > > * html .boxhead h2 {height: 1%;} /* For IE 5 PC */ > > > > .containerbox { > > > /*margin: 0 auto; center for now */ > > > width: 60em; /* ems so it will grow */ > > > > font-size: 100%; > > > position:relative; > > > left:0px; > > > top:0px; > > > } > > > > .boxhead { > > > background-color:blue; > > > margin: 0; > > > padding: 0; > > > text-align: center; > > > } > > > > .boxhead h2 { > > > margin: 0; > > > padding: 22px 30px 5px; > > > color: white; > > > font-weight: bold; > > > font-size: 1em; > > > font-family:verdana; > > > line-height: 1em; > > > text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but > > > cool */ > > > } > > > > .boxbody { > > > background-color:red; > > > margin: 0; > > > padding: 5px 30px 31px; > > > line-height:2em; > > > font-size:8pt; > > > > } > > > > .boxbody textarea { > > > width:100% > > > > } > > > > </style> > > > > </head><body> > > > <div style="width:500px"> > > > <div class="containerbox" style="width:100%;"> > > > <div class="boxhead"><h2>Notes</h2></div> > > > <div class="boxbody" style="text-align:center;"> > > > <textarea rows="4" maxlength="1000"></textarea> </div> > > > </div> > > > </div> > > > > </body> > > > </html> > > > > -- > > > -- > > > You received this because you are subscribed to the "Design the Web > > > with CSS" at Google groups. > > > To post: [email protected] > > > To unsubscribe: [email protected] -- -- You received this because you are subscribed to the "Design the Web with CSS" at Google groups. To post: [email protected] To unsubscribe: [email protected]
