Таблица "поехала" из-за формы

[Web-Gangsta]

Доброго времени суток.

Пишу сайт и появилась такая обыденная потребность в форме авторизации... Но, как только я вписал форму в таблицу - вся таблица разъехалась... Прошу помочь, никак не пойму где ошибка... (((

Сам код:

<div style="padding-top:10px; padding-bottom:30px;">
<table class="up" cellpadding="0" cellspacing="0" border="1">
<tr>
	<td rowspan="2" style="width: 300px; height: 84px;"></td>
	<td style="width: 500px; height: 44px;">
		<form method="POST">
			<input type="text" style="width:125px; height:20px; vertical-align:middle;">
		</form>
	</td>
</tr>
<tr>
	<td style="width: 500px; height: 40px;"></td>
</tr>
</table>
</div>

.up

.up{
	background: url(files/up.png) left no-repeat;
	width: 800px;
	height: 84px;
}

Вообще поле для ввода текста по вертикали должно встать в центре, но этого почему-то не происходит... ((( Зато если форму убрать то все нормально...

[cooperOk]

<div style="padding-top:10px; padding-bottom:30px;">
<table class="up" cellpadding="0" cellspacing="0" border="1">
<tr>
	<td rowspan="2" style="width: 300px; height: 84px;"></td>
	<td style="width: 500px; height: 44px; vertical-align:middle;">
		<form method="POST"  style="margin: 0px;">
			<input type="text" style="width:125px; height:20px;">
		</form>
	</td>
</tr>
<tr>
	<td style="width: 500px; height: 40px;"></td>
</tr>
</table>
</div>

[Web-Gangsta]

Сообщение от cooperOk

<div style="padding-top:10px; padding-bottom:30px;">
<table class="up" cellpadding="0" cellspacing="0" border="1">
<tr>
	<td rowspan="2" style="width: 300px; height: 84px;"></td>
	<td style="width: 500px; height: 44px; vertical-align:middle;">
		<form method="POST"  style="margin: 0px;">
			<input type="text" style="width:125px; height:20px;">
		</form>
	</td>
</tr>
<tr>
	<td style="width: 500px; height: 40px;"></td>
</tr>
</table>
</div>

Не, не поможет... margin: 0px; у меня прописан в стилях... я просто здесь не указал... Я уже сам разобрался с этой проблемой... Просто <form> не надо было вносить в <td>, а надо было оставить за пределами, вот что получилось:

<div style="padding-top:10px; padding-bottom:30px;">
<table class="up" cellpadding="0" cellspacing="0" border="0">
<tr>
	<td rowspan="2" style="width: 280px; height: 84px;"></td>
	<form method="POST">
	<td style="width: 520px; height: 44px;">
		<div style="padding-top:7px;">
			<font class="black12">Логин:</font>
			<input type="text" style="width:125px; vertical-align:middle;">
		</div>
	</td>
	</form>
</tr>
<tr>
	<td style="width: 520px; height: 40px;"></td>
</tr>
</table>
</div>

... теперь все работает...

[13th]

на до сначала выучить основы вертски, но кто тебе разрешает ломать структуру докумнта? почему ты вплетаешь в клод таблицы код формы, а не вкладываешь верстку формы в ячейку? от этого все беды

[Web-Gangsta]

Сообщение от 13th

на до сначала выучить основы вертски, но кто тебе разрешает ломать структуру докумнта? почему ты вплетаешь в клод таблицы код формы, а не вкладываешь верстку формы в ячейку? от этого все беды

Прошу прощения, для меня важно, что бы скрипт был рабочим, остальное не важно... По крайней мере в данном случае... Естественно, позже, во время оптимизации все будет переделываться...

[Wicort]

Тогда уж лучше форму вообще вынести за пределы таблицы

<div style="padding-top:10px; padding-bottom:30px;">
<form method="POST">
<table class="up" cellpadding="0" cellspacing="0" border="0">
<tr>
	<td rowspan="2" style="width: 280px; height: 84px;"></td>
	<td style="width: 520px; height: 44px;">
		<div style="padding-top:7px;">
			<font class="black12">Логин:</font>
			<input type="text" style="width:125px; vertical-align:middle;">
		</div>
	</td>
</tr>
<tr>
	<td style="width: 520px; height: 40px;"></td>
</tr>
</table>
</form>
</div>

[cooperOk]

Сообщение от Web-Gangsta

Не, не поможет...

А ты код то хоть попробовал?? Я же не только маржин добавил.

[Web-Gangsta]

Сообщение от cooperOk

А ты код то хоть попробовал?? Я же не только маржин добавил.

Пробовал, не работает... vertical-align не работал там вообще... Как форму вынес, все заработало...

[Wicort]

Извиняюсь, но то, как ты ее вынес, это, откровенно говоря, говнокод

[Magneto]

Web-Gangsta - внимательно просмотрите свою таблицу стилей, там наверняка есть определение стиля для тега <form>

код с первого Вашего поста правильный, и корректно отображается - протестируйте его в пустом html документе.

из кода я бы исключил (vertical-align:middle) - так как по умолчанию контент в ячейке выравнивается вертикально по центру