Здравствуйте, такой вот код.
<html><head>
<script src='../jquery-1.4.2.min.js' language='javascript'></script>
<script language='javascript'>
function adduserpost(){
res="<tr style='background-color: #ffffff'><td class='normal'>Фамилия: </td><td><input type='text' name='u_f' class='input' style='width: 200px' value=''></td></tr>";
$('#modermsgdiv').append(res);
}
</script>
</head>
<body>
<table cellspacing=1 cellpadding=5 style='background-color: #e1e1e1'>
<tr style='background-color: #ffffff'><td class='normal'>Фамилия: </td><td><input type='text' name='u_f' class='input' style='width: 200px' value=''></td></tr>
<tr style='background-color: #ffffff'><td class='normal'>Имя: </td><td><input type='text' name='u_i' class='input' style='width: 200px' value=''></td></tr>
<tr style='background-color: #ffffff'><td class='normal'>Отчество: </td><td><input type='text' name='u_o' class='input' style='width: 200px' value=''></td></tr>
<tr id='modermsgdiv' style='background-color: #ffffff'>
</tr>
<tr style='background-color: #ffffff'>
<td colspan=2 align=center>
<a href='java script:;' onclick='adduserpost();' class='normal main'>Добавить</a>
</td>
</tr>
</table>
</body>
</html>
Проблемма в следующем, по нажатию на кнопку "Добавить", в IE, всё отображается именно так, как хотелось бы, в то время, как в FF поле съезжает.
Хотя, если в ФФ страницу с добавлеными полями сохранить, и загрузить сного, то всё отображается как задуманно.
P.S. Если контейнер(id='modermsgdiv'), засунуть скажем в TD или DIV, то в IE не работает ф-ция append
P.P.S. Возможно просто по своей тупости, забыл указать какое-то св-во таблицы? Подскажите пожалуйста какое?
IE8:
FF3:
