У меня получается очень большой отступ, никак немогу понять почему.
Вот изображение:
А вот код PHP регистрации.
<?php
session_start();
?>
<html>
<head>
<link rel="StyleSheet" type="text/css" href="style.css" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Регистрация</title>
</head>
<body>
<div id="regform">
<?php
print <<<HERE
<div id="reg">
Регистрация
</div>
<form method="POST" action="verification.php"><table>
<tr>
<td><font color="red">*</font> Логин:</td>
<td><input type="text" name="login" placeholder="Логин"></td><br />
</tr>
<tr>
<td><font color="red">*</font> Пароль:</td>
<td><input type="password" name="password" placeholder="Пароль"></center></td><br />
</tr>
<tr>
<td><font color="red">*</font> Подтверждения пароля:</td>
<td><input type="password" name="password2" placeholder="Подтверждения пароля"></td><br />
</tr>
<tr>
<td><font color="red">*</font> E-mail:</td>
<td><input type="text" name="email" placeholder="E-mail"></td><br />
</tr>
<tr>
<td>Имя:</td>
<td><input type="text" name="name" placeholder="Имя"></td><br />
</tr>
<tr>
<td>Фамилия:</td>
<td><input type="text" name="lastname" placeholder="Фамилия"></td><br />
</tr>
<tr>
<td>Секретный вопрос:<br><font color="gray" size="1">(рекомендуется, что бы восстановить пароль,<br> на случай его потери)</font></td>
<td><input type="text" name="sec_question" placeholder="Секретный вопрос"></td><br />
</tr>
<tr>
<td>Ответ:</td>
<td><input type="text" name="sec_answer" placeholder="Ответ на вопрос"></td><br />
</tr>
<tr>
<td>Пол:</td><td><select name="sex">
<option value="Мужской">Мужской</option>
<option value="Женский">Женский</option>
</select></td><br />
</tr>
<tr>
<td colspan="2"><input type="submit" value="Зарегистроваться" name="submit"></td><br />
</tr>
<tr>
<td><a class='bottomlink' href='index.php'>Главная страница</a></td></table>
</tr>
<br />
HERE;
?>
</div>
</body>
</html>
Вот CSS:
#regform {
background: #ccc;
width: 350px;
text-align: left;
margin: 30px auto;
margin-top: 20px;
border-radius: 35px 15px;
box-shadow: 0px 0px 5px black;
padding: 30px;
}
#regform #reg {
display: block;
margin-top: -20px;
height: 30px;
vertical-align: middle;
border-bottom: 2px groove #ddd;
margin-bottom: 15px;
}
Может кто знает в чем причина? Помогите пожалуйста