Contact form problem

[Jarod]

My contact form is acting up strangely, it's not coming out the way it's intended to:

 

http://jarodsworld.ismywebsite.com/website/contact.php

 

See how that box goes all the way to the right and outside of the content area of the site? I need that to be inside of the content area, it's acting retarded for some reason though, I can't figure out the problem.

[haku]

You can only use #IDs once. You are using it twice. If you validate your code, and then fix the errors, it will fix that problem, and I'm sure you will quickly see what the problem was.

[Jarod]

I dont see 2 of the same ids in this code  :

		<div id="contact_form">
		<form action="" method="post">
			<label for="name">Your Name:</label> <br />
			<input type="text" name="name" id="name" /> <br />
			<label for="email">Your Email:</label> <br />
			<input type="text" name="email" id="email" /> <br />
			<label for="content">Content:</label> <br />
			<textarea name="content" id="content"></textarea>
		</form>
		</div>

[haku]

I do:

 

<div id="content">
<div id="page">

	<h3>Contact Me</h3>
	<p>Feel free to send me a message, this does not go to my email so don't even think about spamming me -.^. I'm a web developer, have you <b>not</b> read my <a href="./about.php">about page</a> yet? (If not, you should )</p>
	<p><b>If you don't feel like entering your real name, just put your <i>Aerix forum name</i> instead.</b></p>

	<div id="contact_form">
	<form action="" method="post">
		<label for="name">Your Name:</label> <br />
		<input type="text" name="name" id="name" /> <br />
		<label for="email">Your Email:</label> <br />
		<input type="text" name="email" id="email" /> <br />

		<label for="content">Content:</label> <br />
		<textarea id="content"></textarea>
	</form>
	</div>
</div>
</div>

[FaT3oYCG]

simply using classes makes things much easier, after reading up on the difference the other day i only found that id's limit your pages more and that the correct use of classes would allow you to style all of your elemnts appropriatley anyway.

[haku]

IDs have their place - they are used for individual elements. Good for wireframing your header, content, sidebars and footer etc. Not using them when you should is as bad as using them when you shouldn't.