Использую слои...

HTML

style="position:relative; top:0px; left:0px; visibility: hidden"

но из-за position:relative страничка имеет огромную высоту с пустым местом... как от этого можно избавиться?

Не совсем понял... Может быть, display: none;

<div id="q1" style="position:relative; top:0px; left:0px; visibility: hidden"> Бла-бла-бла </div>
если position:relative, то, если у меня несколько слоёв, когда они скрыты высота странички равняется их высоте... то есть если слоёв много-много, то страничка получается длиной на пару экранов с пустым местом... е сли использовать position:absolute, то невозможно прикрутить к дизайну, так как при изменении размера окна меняется и дизайн, а слой остается на своём месте...

Вот можно как-нить сделать при position:relative, чтобы слои накладывались как position:absolute???

Sufius
ты попробовал то, что dm9 написал???

HTML

<body> <p><a href="#" onclick="self.test.style.visibility='visible', self.test2.style.visibility='hidden'">Красный</a><br> <a href="#" onclick="self.test2.style.visibility='visible', self.test.style.visibility='hidden'">Зеленый</a><br> <a href="#" onclick="self.test2.style.visibility='hidden', self.test.style.visibility='hidden'">Скрыть</a></p> <div id="test" style="position:relative; top:0px; left:0px; visibility: hidden"> <table border="1" width="100" bgcolor="#FF0000" height="10"> <tr> <td width="100%">&nbsp;</td> </tr> </table> </div><div id="test2" style="position:relative; top:-29px; left:0px; visibility: hidden"> <table border="1" width="100" bgcolor="#008000" height="10"> <tr> <td width="100%">&nbsp;</td> </tr> </table> </div> <table border="1" width="100" bgcolor="#000000"> <tr> <td width="100%">0</td> </tr> </table> </body>

Если красный и зеленый блоки большего размера, то расстояние от ссылок до черного блока увеличивается... В итоге, когда у меня 6 слоев с таблицами по 100px, то длина пустого места на страничке (между ссылками и черным блоком) увеличивается более чем на 600px... Как этого можно избежать...

2 GoodBoy
Да попробовал, но не получилось... =(

все получилось!
Спасибо!

Наверное не стоит мне постить отдельный вопрос. ибо проблема таже, за некоторым ньюансом- блоки я не пытаюсь скрыть а просто сдвигаю.
Так вот когда здвигаю блок вверх то внизу под ним остаётся пустое место раное его высоте :(

Как от ЭТОТОГО избавится - ума не приложу. А дизайн без этого не получается :( Он у мя многослойный :(

Ммм... Это нормальное поведение.

Просто надо не сдвигать релятивом, а


— просто скрывать блок.

Это сообщение отредактировал(а) dm9 - 5.9.2007, 19:49

dm9, 
Нет! Скрывать нельзя! На нем у мя кусок контента который располагается поверх фона.

Просто ситуация такая: верстка табличная, главная таблица 3Х3. И центральная ячейка используется для контента.
Вот в ней и распологаю фон, а поверх него контент. Абсолютное позиционирование у контента включать нельзя ибо при изменении размера окна верстка разъезжается :(

Попробуй описать задачу более широко. Мне кажется, получается из области «мы создали себе проблемы и сейчас будем героически их преодолевать».

dm9, 
Вполне вероятно, июо опыта у мя практически ноль...

Задаяа такова:
Есть полоска - типа фоновый рисунок- в самом верху ячейки. На этом фоне должны быть расположенны другие рисунки, притом в несколько слоёв. Так вот как я их набираю в слои: создаю табличку, в неё встабляю рисунки нужные для данного слоя, присваиваю таблице



И поднимаю её вверх до упора top-ом.
Так же со следующим слоем. 
Так вот, проблемв вся в том что когда я её полнимаю, то внизу у мя остаётся пустое пространство равное изначальной высоте смещённой таблицы :(

Можно былобы обойтись абсолютным позиционированием, но тогда фон и контент, который расположен в одной из "слоевых" таблиц, смещаются неравномерно при сужении экрана :( тоесть получается что контент как бы уже не зависит от ячейки и её размеров :(


Вёрстку на дивах пробобвал - но там таакой геморрой, что плюнул. Надо просто срочно :(

а поподробнее можно? в смысле код

Попробуй заменить 'position:relative; top:-xxx; left:0;' на 'position: absolute'. Ну или как-то аналогично.

Суть в том, что вынесенный на абсолют. позиционирование элемент выходит за пределы основной вёрстки (не учитывается в построении базовой страницы), но при этом остаётся на месте. То есть он находится там же, где был бы без «абсолютного» стиля, но дальнейшая вёрстка ведёт себя так, как будто этого элемента нет — «заползает» под него.

Посмотри ещё пример: http://dm9.ru/vingrad/examples/html/stretchimage/
В примере сверху на img-картинку (растягивающуюся) кладётся текст.

Сорри, сейчас вспомнил, что пример иллюстрирует другое решение. Но там тоже прикольно сделано. Можно оба способа использовать.

dm9, 
Я так уже пробовал - в том-то и проблема, что получается фон заползает под сожержимое :(
А фон в моём случае должен быть строго на мести и смещаться содержимое с фоном должны одинакого:(

Добавлено через 4 минуты и 52 секунды
kizune, 
Если это поможет: