Форум АНТИЧАТ - Показать сообщение отдельно

Важнее то, что там используется абсолютное позиционирование.

Код:

<html>
<head>
<title>Яньдекс.</title>

<style type="text/css">

#login-form
{
  position: absolute;
  display: none;
  top: 30px;
  width: 95%;
}
td.loginForm
{
  border: 1px solid #666666;
}
#login-form form table
{
  padding: 15px;
}

</style>

<script type="text/javascript">

function showLogin()
{
  document.getElementById('login-form').style.display = 'block';
  return false;
}

</script>

</head>
<body>
<a href="#" onclick="return showLogin(0);">Войти…</a>


<div id="login-form">
	<table border="0" cellspacing="0" cellpadding="0" width="273" height="213" align="center">
	<tr>
		<td>
			<table border="0" cellspacing="0" cellpadding="0" width="270" height="210" align="center">
			<tr valign="top">
				<td class="loginForm">
					<form action="#" method="post" name="login" id="loginform">

						<table width="100%" border="0" cellspacing="5" cellpadding="0">
						<tr>
							<td>
							</td>
							<td width="99%">
								<a href="#">Зарегистрироваться</a>
							</td>
						</tr>
						<tr>
							<td>
								Логин:
							</td>
							<td>
								<input name="login" type="text" style="width: 100%;">
							</td>
						</tr>
						<tr>
							<td>
								Пароль:
							</td>
							<td>
								<input name="passwd" type="password" style="width: 100%;">
							</td>
						</tr>
						<tr>
							<td>
							</td>
							<td>
								<input type="submit" value="Войти" id="loginsubmit">
							</td>
						</tr>
						</table>
					</form>
				</td>
			</tr>
			</table>
		</td>
	</tr>
	</table>
</div>

</body>
</html>