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]
