Помощ за подреждане на контактна форма чрез дивове

Код:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div id="form">
<div class="firstCol">
<p>Вашето име:</p>
</div>
<div class="secondCol">
<input type="text" class="input" name="FullName" size="20" />
</div>
</div>
<div style="clear:both;"></div>
<div id="form">
<div class="firstCol">
<p>Вашия E-mail:</p>
</div>
<div class="secondCol">
<input type="text" class="input" name="EmailAddress" size="20" />
</div>
</div>
<div style="clear:both;"></div>
<div id="form">
<div class="firstCol">
<p>Съобщения:</p>
</div>
<div class="secondCol">
<input type="text" class="input" name="Subject" size="20" />
</div>
</div>
<div style="clear:both;"></div>
<div id="message">
<p>Message</p>
<textarea rows="6" name="Message"  cols="47" class="input"></textarea>
</div>
</body>
</html>

Код:
#form { width:500px;}
.firstCol{ float:left; width:240px; }
.secondCol { float:right; width:240px;  }
.input { margin-top:17px; margin-left:-160px;}

Tова е ....
 
Нещо такова трябва да е:
HTML:
        <table>
        <form method="post" action="">
            <tr><td>Вашето име: </td><td><input type="text" name="name"/></td></tr>
            <tr><td>Вашият e-mail: </td><td><input type="text" name="mail" /></td></tr>
            <tr><td>Тема: </td><td><input type="text" name="subject" /></td></tr>
            <tr><td><input type="submit" value="Изпрати" name="send" /></td>
            <td><input type="submit" value="Изчисти" name="clear" /></td></tr>
        </form>
        </table>

Сега ще видя и твоя код, защото не съм много добър с таблиците... :)
 
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style>

#form { width:350px;}
.firstCol{ float:left;   }
.secondCol { float:right;  }
.input { margin-top:17px; }	
#message p {display: inline;}

</style>
</head>

<body>
<div id="form">
<div class="firstCol">
<p>Вашето име:</p>
</div>
<div class="secondCol">
<input type="text" class="input" name="FullName" size="20" />
</div>
</div>
<div style="clear:both;"></div>
<div id="form">
<div class="firstCol">
<p>Вашия E-mail:</p>
</div>
<div class="secondCol">
<input type="text" class="input" name="EmailAddress" size="20" />
</div>
</div>
<div style="clear:both;"></div>
<div id="form">
<div class="firstCol">
<p>Съобщения:</p>
</div>
<div class="secondCol">
<input type="text" class="input" name="Subject" size="20" />
</div>
</div>
<div style="clear:both;"></div>
<div id="message">
<p>Message</p><br />
<textarea rows="6" name="Message"  cols="50" class="input"></textarea>
</div>
</body>
</html>
 

Back
Горе