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]
