Не корректное отображение таблицы в FF

papa_serg · December 8, 2010

Здравствуйте, такой вот код.

<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:

ZI DAN · December 8, 2010

Насколько я понял – здесь <tr> добавляется в <tr> и получается:

<tr>
   <tr>
	  <td></td>
	  <td></td>
   </tr>
   <tr>
	  <td></td>
	  <td></td>
   </tr>
</tr>

Это неправильная разметка. <tr> не должен содержаться в <tr>. Он может содержаться в <table>, <thead>, <tbody> и т.п.

Edited December 8, 2010 by ZI DAN

papa_serg · December 8, 2010

А что делать?

Tr используется как контейнер для JS, если в роли контейнера использовать DIV, TD, TABLE то не работает в IE =(

Great Rash · December 8, 2010

Что не работает в ИЕ? Добавление новой ячейки? Так для этого у таблицы есть специальные методы, а вы юзаете innerHTML, который тут ни к селу, ни к городу.

UPD: Ой, не увидел что jQuery юзаете, но все равно его .append() тут тоже ни к селу, ни к городу...

papa_serg · December 8, 2010

Что не работает в ИЕ? Добавление новой ячейки? Так для этого у таблицы есть специальные методы, а вы юзаете innerHTML, который тут ни к селу, ни к городу.
UPD: Ой, не увидел что jQuery юзаете, но все равно его .append() тут тоже ни к селу, ни к городу...

м, подскажите тогда что использовать?

Sign In

Не корректное отображение таблицы в FF

Question

papa_serg

Link to comment

Share on other sites

4 answers to this question

Recommended Posts

ZI DAN

Link to comment

Share on other sites

papa_serg

Link to comment

Share on other sites

Great Rash

Link to comment

Share on other sites

papa_serg

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information