Есть структура наподобие:


Нужно подгрузить новую таблицу 1 через аякс. Я ставлю ей style="display:none;", подгружаю данные и ставлю style="display:block;". В результате отображается таблица с новыми данными.
Мне однако не нравится, что при этом экран "прыгает", что логично, т.е. из-за display:none; пропадает элемент со страницы.

Хотелось бы Таблицу 1 затемнять и поверх показывать слой с шестеренкое, которая подгрузку данных символизировала бы. Основная проблема в том, что высота и ширина Таблицы 1 может быть любой, соответственно слой с шестеренкой должен каким-то образом моч занимать всю область. которую таблица с данными занимает. У кого-нить есть идеи, как это сверстать?

вычислять javascript размеры таблицы1, и после накладывать див с получеными размерами.

Добавлено @ 03:14
Хотя не понимаю, для чего нужен слой именно для все таблицы1?
не проще ли просто выводить слой див на весь экран?

Это сообщение отредактировал(а) bazzjr - 22.5.2009, 03:15

Wowa, Можно делать таблице не display:none, а visibility:hiden. Тогда "прыгать" будем только при финальной подмене.
Как вариант - opacity у таблицы 1 небыстро уменьшать почти до 0, тоже довольно забавно... 

Ну  и традиционно - таблица в контейнере с positoion:relative, в него абсолютно, с вычисляемыми позициями вкладывается картинка "Грузимсо..."