That looks slightly undersized in safari - but by far the best compromise so far.
It'll do for the next few months until IE6 finally dies. Thanks On Jan 26, 5:20 pm, "[email protected]" <[email protected]> wrote: > 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]
