TextArea expend over 100% at Strict Mode..

Discussion in 'HTML & Website Design' started by Camel, Jan 11, 2010.

  1. #1
    Hello guys, i've been trying for the past 2 days to google for textarea sizing under strict mode.
    i have found no solution and at the moment my problem is this...
    here is the code:

    
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    <html>
    <head>
    <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
    <title>Untitled 1</title>
    <style type="text/css">
    .style1 {
    	text-align: center;
    	width: 800px;
    }
    </style>
    </head>
    <body>
    <div class="style1" style="padding: 0px; margin: 10px auto 10px auto; background-color: #D6EBF5; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; font-style: normal; color: #000000; width: 800px;">Little Bunny</div>
    <div class="style1" style="margin: 0px auto 0px auto; background-color: #D6EBF5; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; font-style: normal; color: #000000;">
    	<div style="width: 400px; float: left; background-color:#EBEDF3; height: 100px; text-align: center; line-height: 100px;">Text</div>
    	<div style="width: 400px; overflow:visible; float: left; background-color:#F2F9E8" id="OuterDiv">
    		<form method="post">
    			<textarea cols="0" id="T1" name="TextArea1" rows="3" style="float:left; width:100%; height:100px; margin: 5px; padding:0">efefefefefef</textarea>
    		</form>
    	</div>
    </div>
    </body>
    </html>
    
    HTML:
    The Textarea expend over the surrounding Div and it shows differntly under FireFox 3.5.7 and IE 8 (tested for both)

    I'm trying to do the following:
    make the textarea width 100% and height 100px for example. + padding 5px outside the textarea (space 5px from left, right, top, bottom)..
    most importent thing is to see it equaly under both ff and ie..

    hope you can correct my code since i'm clueless....
    have a nice day
     
    Camel, Jan 11, 2010 IP