Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > JavaScript: Общие вопросы > высота скрытого дива в Мозилле


Автор: 220v 23.8.2007, 14:16
Уже перелопатила весь форум. Ошибка у меня глупейшая вроде. 

Есть функции:
Код

function hideDiv(id)
    {
        obj = document.getElementById(id);
             obj.style.display = 'none';
    }
function showDiv(id)
      {
        obj = document.getElementById(id);
        obj.style.display = 'block';
      }

 

Они вызываются для показа одного дива и скрытия всех остальных. Эти дивы находятся в ячейке таблицы. И отображаются, при клике на соответствующие вкладки.
Код

<TABLE height=31 cellSpacing=0 cellPadding=0 width=100% border=0>
<TBODY>
<TR>
<TD vAlign=top width=93 height=31>
<DIV class=btnDOMText id=planMkr2Tab style="CURSOR: pointer; HEIGHT: 30px" onclick=selectDiv(divsMkr2[0]);>Вкладка</DIV></TD>
...
</TR>
</TABLE>
...
<DIV id=planMkr2>
<TABLE id=table1 cellSpacing=0 cellPadding=0 border=0 align="right" width="100%">
<TBODY>
<TR>
---Здесь содержимое вкладки 1---
</TBODY></TABLE>
</DIV>
<DIV id=D3Mkr2 style="DISPLAY: none" align=right>
---Здесь содержимое вкладки 2---
</DIV>

В IE и Firefox все отрабатывает, но! В Firefox почему-то следующий глюк - высота ячейки выставляется по максимальной высоте когда-либо  открытого  дива. И если после вкладки с "большим" дивом кликнуть на вкладку с "маленьким" - внизу остается пустое место!

Автор: Ghirik 26.8.2007, 21:00
Ну, наверное,  Firefox так работает smile 
А прописать height по-новой, по событию не пробовали? Возможно, любое обращение к стилям этой ячейки/таблицы вызовет нормальную установку размера.
Дурацкое конечно предложение, но должно сработать. Это если не найдете корректого решения.

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)