Text area

Okay, so i have this problem with the textarea in the page i’m currently creating, i can size it with css and everything is fine except for when you go to click on the textarea your pointer for typing can go anywhere inside the box…kind of hard to explain, but i want it so soon as you click on the textarea your typing-cursor goes to the top left and you can begin typing, not clicking around where the white space is. here is my code if you’d like to try it out and see what i’m talking about.

html:

<html>
<head>
<title>Tuddle</title>
<link rel="stylesheet" type="text/css" href="styles/main.css" />

</head>
<body>
	<div id="header">
	</div><!--end header-->
	
	<div id="container">
		<div id="user-bar">
			<div class="avatar"><img src="images/ava.jpg"></div>
			<div class="user-bar-right">
				<form action="#">
					<textarea name="submitt">
					
					</textarea>
				</form>
			</div><!--end user-bar-right-->
		</div><!--end user-bar-->
	</div><!--end container-->
</body>
</html>

HTML 4 Strict? The doctype is HTML5.

Remove all of the white space within the textarea tags and see if that helps.


<textarea name="submitt"></textarea>

Is this problem limited to a particular browser?

using chrome and i just clicked syntax highlight sorry haha i tried removing the white space, does nothing

edit:
scratch that. i’m so dumb.

Like was mentioned in the TEXTAREA element you should not have blank space as it typically gets preserved by the browser for obvious reasons and hence your break returns are moving the cursor placement, etc.