Prev: How to calculate the width for a <div> = current browser window width MINUS 180 pixel?
Next: Setting margin relative to the float on my left?
From: Mark Smith on 25 Jan 2010 11:50
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>
 | 
Pages: 1
Prev: How to calculate the width for a <div> = current browser window width MINUS 180 pixel?
Next: Setting margin relative to the float on my left?