[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Не корректное отображение таблицы в FF
Форум PHP программистов > Дизайн и верстка
papa_serg
8.12.2010 - 14:14
Здравствуйте, такой вот код.
<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='javascript:;' 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:
user posted image

FF3:
user posted image



Спустя 19 минут, 31 секунда (8.12.2010 - 13:34) Slays написал(а):
во первых не известн очто у тебя в классе <td class='normal'>
во-вторых, чо это за пустое поле
<tr id='modermsgdiv' style='background-color: #ffffff'></tr>

выноси стиль в отдельный файл, ато это треш полный, столько мусора

Спустя 1 минута, 20 секунд (8.12.2010 - 13:35) papa_serg написал(а):
Slays, стиль пустой. это полный html код странички, не считаю jQuery.
"во-вторых, чо это за пустое поле", ну так контейнер для adduserpost();
P.P.S. я этоту страничку специально под тест создавал =) поэтому и всё в одном.

Спустя 1 минута, 37 секунд (8.12.2010 - 13:37) sharki написал(а):
papa_serg
Задавай ширину не для полей а для всей табличке сразу, а в полях укажи 100%

Спустя 1 минута, 20 секунд (8.12.2010 - 13:38) Slays написал(а):
пустой tr у тебя таблицу и касит, чо ему ждать твой adduserpost(); =)

Спустя 1 минута, 56 секунд (8.12.2010 - 13:40) Slays написал(а):
да и скрипт твой вставляет в это пустой tr дочерний, и получается

<tr id='modermsgdiv' style='background-color: #ffffff'>
	<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>


чему удивляться

Спустя 1 минута, 17 секунд (8.12.2010 - 13:41) papa_serg написал(а):
sharki, попробовал, то де самое.
Slays,

<table cellspacing=1 cellpadding=5 style='background-color: #e1e1e1; width: 200px'>
<tr style='background-color: #ffffff'><td>Фамилия: </td><td><input type='text' name='u_f' class='input' style='width: 100%' value=''></td></tr>
<tr style='background-color: #ffffff'><td>Имя: </td><td><input type='text' name='u_i' class='input' style='width: 100%' value=''></td></tr>
<tr style='background-color: #ffffff'><td>Отчество: </td><td><input type='text' name='u_o' class='input' style='width: 100%' value=''></td></tr>
	<tr id='modermsgdiv' style='background-color: #ffffff'>
	<td colspan=2 align=center>
	   <a href='javascript:;' onclick='adduserpost();'>Добавить</a>
	 </td>
</tr>
</table>

я так не думаю =)
я тоже так могу чужой код... критиковать ;)

Спустя 2 минуты, 49 секунд (8.12.2010 - 13:44) Slays написал(а):
я не критикую, я указываю на нелепости, которых не должно быть, чтобы ты исправил и все заработало

Спустя 1 минута, 12 секунд (8.12.2010 - 13:45) sharki написал(а):
Попробуй так
<table width="200" cellspacing="1" cellpadding="5" style='background-color: #e1e1e1;'>

Спустя 9 секунд (8.12.2010 - 13:46) papa_serg написал(а):
Slays, исправил, не заработало =)
"я указываю на нелепости", а ещё td и tr можно писать заглавными! =)

Спустя 36 секунд (8.12.2010 - 13:46) sharki написал(а):
Slays
Это еще один человек, которому пофиг на грамотность, ему главное чтобы работало =)

Потом сам поймет.

Спустя 29 секунд (8.12.2010 - 13:47) papa_serg написал(а):
sharki, тоже самое к сожалению, в ИЕ нормально, в ФФ не работает(

Спустя 43 секунды (8.12.2010 - 13:47) Slays написал(а):
ок, пустая трата времени тогда

Спустя 12 секунд (8.12.2010 - 13:48) sharki написал(а):
papa_serg
Интересно, у меня в ФФ4 норм отображается, жаль нету ФФ3

Может у тебя что-то не так, или браузер глюченный

Спустя 1 минута, 18 секунд (8.12.2010 - 13:49) papa_serg написал(а):
sharki, ну почему же пофиг?)
пустой тр - как контейнер,
один в другой tr, к сожалению так нужно, что к примеру если по средставам adduserpost, мне необходимо будет вставить не только фамилию с инпутом, а к примеру ещё и Имя?
"Интересно, у меня в ФФ4 норм отображается, жаль нету ФФ3", проверил на паре других ПК, так же отображается. 4 - это бета? возможно в ней уже подправили.
Не ждать же когда релиз выйдет =)

Спустя 1 минута, 56 секунд (8.12.2010 - 13:51) sharki написал(а):
Ну раз ты используешь JS следовательно можно добавить еще поле с помощью JS, а не копить пустые tr

Да бетка, решил на ней посидеть, ниче так, на оперу малек смахивает

Спустя 2 минуты, 49 секунд (8.12.2010 - 13:54) sharki написал(а):
И плюс, Слаес тебе говорил про стили, у тебя там везде один тот же стиль, грамотнее вынести стили в один файл, а тут просто проставить классы, там изменишь в одном пункте и изменится во всех, он про это тебе говорил.

Спустя 3 минуты, 57 секунд (8.12.2010 - 13:58) papa_serg написал(а):

Спустя 1 минута, 3 секунды (8.12.2010 - 13:59) papa_serg написал(а):
sharki, ну говорю же, это файлик, специально под тесты работоспособности, то чт оя вынесу всё в один класс, работать не начнёт wink.gif

Спустя 1 минута, 52 секунды (8.12.2010 - 14:01) papa_serg написал(а):
Цитата (sharki @ 8.12.2010 - 10:51)
Ну раз ты используешь JS следовательно можно добавить еще поле с помощью JS, а не копить пустые tr

Да бетка, решил на ней посидеть, ниче так, на оперу малек смахивает

Контейнер в виде дива не работает в IE.

Спустя 3 минуты, 59 секунд (8.12.2010 - 14:05) sharki написал(а):
Вот например пример на Jquery 
$('#t1').append('<tr><td></td></tr>');

Он по идее вставит вот этот кусок кода <tr><td></td></tr> ПОСЛЕ блока с id t1
Тебе только надо будет только присвоить id

Спустя 6 минут, 22 секунды (8.12.2010 - 14:11) Slays написал(а):
дочерним, а не после

Спустя 4 минуты, 2 секунды (8.12.2010 - 14:15) sharki написал(а):
Slays
буду знать)
papa_serg
Вот сделал вот такой код посмотри 

<table width="200"  border="1" cellspacing="1" cellpadding="1">
  <tr>
    <td>Имя </td>
    <td><label for="name"></label>
    <input type="text" name="name" id="name" /></td>
  </tr>
  <tr>
    <td>Фамилия </td>
    <td><label for="last_name"></label>
    <input type="text" name="last_name" id="last_name" /></td>
  </tr>
  <tr>
    <td>телефон</td>
    <td><label for="tel"></label>
    <input type="text" name="tel" id="tel" /></td>
  <tr style='background-color: #ffffff'>
    <td colspan=2 align=center>
       <a href='javascript:;' onclick='adduserpost();' class='normal main'>Добавить</a>
     </td>
</tr>
</table>
Быстрый ответ:
Powered by dgreen

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.