Форум Сайтостроение Веб-строительство

Снова div

SA
На сайте с 12.02.2006
Offline
142
seo-alex
447

Эх, не удалось найти в старых темах, наверное плохо искал..

ситуация такая,

div absolute - может наслаиваться друг на друга, но при этом top и left указываются относительно документа в целом.

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

Возможно ли сделать наслаивание дивов как в абсолюте но относительно таблицы? :o

KeTal
На сайте с 25.08.2005
Offline
54
KeTal
#1

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

<div style='position:relative;float:left;'>1</div>

<div style='position:relative;float:left;margin-right:-100%'>2</div>

Как получить расширенный сниппет Как можно наказать за Google: как сделать статические
P
На сайте с 25.05.2007
Offline
103
pimandr
#2

KeTal, почти верно сказал, только вот "margin-right:-100%" нафиг не нужен.

Только вот если после дивов с флоатами есть еще элементы, чтобы они не наслаивались поверх - им "clear: both" надо будет прописать.

coolakov.ru/tools (http://coolakov.ru/tools/): определение конкурентов (http://coolakov.ru/tools/most_promoted/), кластеризация запросов (http://coolakov.ru/tools/razbivka/) и т.д.
KeTal
На сайте с 25.08.2005
Offline
54
KeTal
#3
pimandr:
только вот "margin-right:-100%" нафиг не нужен.

Чтобы див не прыгал. См. разными браузерами. Надо было мне сразу пояснить.

B
На сайте с 09.11.2007
Offline
13
braddock
#4

z-index не катит?

<style type="text/css">
#layer1, #layer2 {
position: relative; }
#layer1 {
font-size: 50px;
color: blue;
}
#layer2 {
top: -55px; /* Сдвигаем текст вверх */
left: 5px; /* Сдвигаем текст вправо */
color: orange;
font-size:70px;
}
#layer1 { z-index: 2; }
#layer2 { z-index: 1; }
</style>

<table border=1>
<tr><td><div id="layer1">Слой 1</div>
<div id="layer2">Слой 2</div>
</td></tr>
</table>

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий