Разъезжается таблица
Релиб
Форумы       Участники    Календарь    Кто он-лайн?
Добро пожаловать, гость ( Вход | Регистрация )
        



Разъезжается таблица Expand / Collapse
Автор
Сообщение
19.04.2007 12:16
Supreme Being

Supreme BeingSupreme BeingSupreme BeingSupreme BeingSupreme BeingSupreme BeingSupreme BeingSupreme Being

участник
Last Login: 25.04.2007 11:57
Сообщ.: 77, Visits: 97
Есть такая страница:

<html>
<head>
  <title></title>
</head>
<body>
<table class='zap' border=1 cellspacing=1 cellpadding=1><tbody>
                    <tr class='zap_head'>
                    <td class='zap_head'>Дії</td>
                    <td class='zap_head'>Ім'я входу</td>
                    <td class='zap_head'>Пароль</td>
                    <td class='zap_head'>Ім'я користувача</td>
                    <td class='zap_head'>Тип доступу</td>
                    <td class='zap_head'>Місце роботи (код)</td>
</tr>
                    <form action='Index.php?z=0' method=post id='form_adm'>
<tr class='inva zap0' id='tred_adm'>
<td class='zap'>
      <input type='hidden' name='tt' value='10'>
      <img onclick='reset(); window.document.getElementById("trot_adm").style.display="block"; window.document.getElementById("tred_adm").style.display="none";' src='../imgs/undo.gif' alt='Відмінити'>
      <img onclick='if (confirm("Видалити adm?")) {window.document.getElementById("form_adm").tt.value="12"; submit()};' src='../imgs/delete.gif' alt='Видалити'>
      <img onclick='submit();' src='../imgs/edit.gif' alt='Внести зміни'>
      </td>
<td class='zap'>
      <input class='intd' type='text' size=20 name='login' value='adm'>
      </td>
<td class='zap'>
      <input class='intd' type='text' size=20 name='pass' value='pas'>
      </td>
<td class='zap'>
      <input class='intd' type='text' size=30 name='Nname' value='Administrator1'>
      </td>
<td class='zap'>
      <select class='intd' name='Type'>
<option value='fu' >Користувач філії</option>
<option value='admin' selected>Адміністратор таблиці користувачів</option>
</select>
</td>
<td class='zap'>
<select name='id_filial'>
<option value='322948' selected>АКБ &quot;ФОРУМ&quot;, м.Київ (322948)</option>
<option value='306878' >ДНІПРОПЕТ-СЬКА ФАКБ &quot;ФОРУМ&quot; (306878)</option>
<option value='304977' >Алчевська філія АКБ &quot;ФОРУМ&quot; (304977)</option>
<option value='304870' >ЛУГАНСЬКА ФІЛІЯ АКБ &quot;ФОРУМ&quot; (304870)</option>
</select>
</td>
</tr>
</form><tr class='zap0' id='trot_adm'>
<td class='zap'>
                        <img onclick='window.document.getElementById("tred_adm").style.display="block"; window.document.getElementById("trot_adm").style.display="none";' src='../imgs/edit.gif' alt='Перейти до редагування'>
                        </td>
<td class='zap'>
                        adm
                        </td>
<td class='zap'>
                        pas
                        </td>
<td class='zap'>
                        Administrator1
                        </td>
<td class='zap'>
Адміністратор таблиці користувачів
</td>
<td class='zap'>
                        АКБ &quot;ФОРУМ&quot;, м.Київ (322948)
                        </td>
</tr>
</tbody></table>
<style type='text/css'>
 .inva {display : none}
</style>
</body>
</html>

там если нажать на картинку, ту что "перейти до редагування" по идее отображается невидимая строка, а та что видимая исчезает. И по отмене делается обратное действие. В ИЕ все равботает нормально. В опере и файерфоксе после появления новой строки она почему то все уйезжает в одну, первую, колонку. И обратного дейтсвия сделать нельзя.

Кто может объяснить почему так и как с этим бороться? Ибо это не впервый раз когда у меня в опере и файерфоксе все почему то лезет в одну колонку шапки.

Сообщ. #912605
20.04.2007 11:25
Supreme Being

Supreme Being

модератор
Last Login: 04.05.2008 13:32
Сообщ.: 7 240, Visits: 65 445
Может это происходит из тега <form> вставленного внутрь таблицы. Ты видимо пытался таким образом избавиться от отступов которые этот тег делает. Есть способ проще. Вынеси форму за пределы таблицы и добавб к нему атрибут style="margin:0".
Сообщ. #912635
20.04.2007 11:41
Supreme Being

Supreme BeingSupreme BeingSupreme BeingSupreme BeingSupreme BeingSupreme BeingSupreme BeingSupreme Being

участник
Last Login: 25.04.2007 11:57
Сообщ.: 77, Visits: 97
Нет, у меня просто на каждую строку по форме, то есть таблица состоит из строк в каждой из которых форма.

я пробовал менять <tr><form> </form></tr> и <form><tr> </tr></form> - без разницы, съезжает.

Вот сейчас попробовал совсем убрать теги формы - все равно разъзжается. Значит не в ней дело.

Сообщ. #912641
20.04.2007 12:20
Supreme Being

Supreme Being

модератор
Last Login: 04.05.2008 13:32
Сообщ.: 7 240, Visits: 65 445
Попробуй присвавать свойству display вместо block значение table-row и посмотри как это будет работать в Mozilla с Opera.
Сообщ. #912651
20.04.2007 12:22
Supreme Being

Supreme BeingSupreme BeingSupreme BeingSupreme BeingSupreme BeingSupreme BeingSupreme BeingSupreme Being

участник
Last Login: 25.04.2007 11:57
Сообщ.: 77, Visits: 97
Проверял - это не работает в ИЕ, а значит будет ли работать в опере и файерфоксе уже неважно

еще пробовал inline, ИЕ нормально, опера и файерфокс - та же беда

Сообщ. #912652
20.04.2007 12:32
Supreme Being

Supreme Being

модератор
Last Login: 04.05.2008 13:32
Сообщ.: 7 240, Visits: 65 445
Это можно обойти путем использования проверки на IE и на все остальные браузеры.

<script language="javascript" type="text/javascript">
var msie=false;
/*@cc_on
msie=true;
@*/
</script>

Если msie true, то используем знечение block, иначе table-row.

Сообщ. #912654
20.04.2007 12:33
Supreme Being

Supreme Being

модератор
Last Login: 04.05.2008 13:32
Сообщ.: 7 240, Visits: 65 445
MSIE хуже поддерживает стандарты w3c поэтому использовать его как средство проверки не стоит.
Сообщ. #912655
20.04.2007 12:51
Supreme Being

Supreme BeingSupreme BeingSupreme BeingSupreme BeingSupreme BeingSupreme BeingSupreme BeingSupreme Being

участник
Last Login: 25.04.2007 11:57
Сообщ.: 77, Visits: 97
Заменил block на table-row, результат забавен до невозможности.. ну то что ИЕ не работает ладно, поставлю проверку, но файерфокс и опера делают переключения только в одном направлении. То есть нажимаю "перейти до редагування", все как надо, та строка исчезает, нужная появляется, ничего не разъезжается, ляля. Но обратно по кнопке "відміна" не переходит! Ошибок скрипта не выдает, просто ничего не происходит и все. Заменял реплейсом, ничего лишнего не прихватил. Они что однозарядные эти браузеры? )
Сообщ. #912656
20.04.2007 13:10
Supreme Being

Supreme Being

модератор
Last Login: 04.05.2008 13:32