VPF::Фиксированная позиция блока - Форум программистов

Cript777

Дата 7.3.2014, 04:35 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 82
Регистрация: 30.10.2012

Репутация: нет
Всего: нет

Приветствую!
Имеется такой набор блоков

Код


<div class="table">
<div id="ava1" class="p_sit"></div>
<div id="ava2" class="p_sit2"></div>
<div id="ava3" class="p_sit3"></div>
<div id="ava4" class="p_sit4"></div>
<div id="ava5" class="p_sit5"></div>
</div>

При нажатии на один из блоков, выбранный блок с текстом заменяется на картинку пользователя, но при этом все последующие блоки сдвигаются вниз. Подскажите что нужно сделать, чтобы остальные блоки оставались на месте и никуда не смещались..

Код


.p_sit {
margin: 165px 0 0 104px;
}
.p_sit2 {
margin: -77px 0 0 299px;
}
.p_sit3 {
margin: -31px 0 0 511px;
}
.p_sit4 {
margin: 15 0 0 692px;
}
.p_sit5 {
margin: 109px 0 0 780px;
}

Позиция каждого последуюшего блока указана относительно предыдущего, кроме первого..

Cript777

Дата 7.3.2014, 18:03 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 82
Регистрация: 30.10.2012

Репутация: нет
Всего: нет

Проблема решилась сама, кому интересно, позицию внешнего блока нужно делать relative, а внутренних блоков absolute.

1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »