Привязка элемента к окну браузера

[t4pr]

Здравствуйте!

Нужно сделать отображение скрытого элемента (таблицы с текстом) по клику.

Если делать "свободно позиционируемую таблицу" с привязкой XY к границам браузера - единственный приемлемый для меня вариант это привязать ее посередине горизонтального края браузера (но я не знаю как).

Другой вариант - жестко привязать этот элемент к другому элементу на странице, например какому нибудь тэгу или маркеру, тоже не смог найти как.

Идеальный вариант бы был - плавное выезжание ровно посередине браузера сверху из-за границы браузера таблицы с нужной мне информацией.

Кто сталкивался - помогите плз!

Edited August 6, 2010 by t4pr

[Vlad]

Для элемента можно использовать position: fixed. Если надо связать два элемента, то родителю ставишь position: relative, а дочернему элементу - position: absolute.

[Great Rash]

Допустим у вас таблица 500 пикселей по ширине, тогда пишем:

.table {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -250px; /* половина ширины */
}

Ну а выезжание/уезжание это уже JavaScript.

[t4pr]

Вся соль в том, что мне эту таблицу нужно держать Invisible до клика по нужной ссылке. И чтобы появлялась она ровно посередине верхней границы браузера или в указанном месте на сайте (не привязанном к границам браузера).

Сейчас копаю Spry tabbed panels - но это немного не то что я хотел.

[Great Rash]

Ну и в чем проблема?

[t4pr]

Спасибо, вопрос решил с помощью Spry.