Абсолютное позиционирование div в td - как в ИЕ?

123
MASe
На сайте с 17.09.2002
Offline
219
#11
inetessentials:
эхх, господа извращенцы, забудьте про таблицы и юзайте дивы и будет вам счастье

не в дивах счастье, а в их грамотном использовании в нужном месте...

равно как и таблиц...

Only God Can Judge Me... Nobody Else... Дрезна (http://www.drezna.ru/) Помощники: Sape (http://www.sape.ru/r.167724536c.php)
lazio
На сайте с 05.10.2006
Offline
47
#12

дивы использовать нельзя, т.к. там именно таблица. Цель - дать пользователю подсказки для полей таблицы. Реализация на js, ток позиционировать я думал можно и без него будет. Если в нормальных браузерах спасает то, что можно загнать подсказку в еще один div и позиционировать относительно его, то для ие - не работает(

COMFI - Начни Зарабатывать! (http://affiliate.comfi.ru/a2/466735/Program-Overview)
Василий Ткачев
На сайте с 19.05.2005
Offline
481
#13
lazio:
дивы использовать нельзя, т.к. там именно таблица. Цель - дать пользователю подсказки для полей таблицы. Реализация на js, ток позиционировать я думал можно и без него будет. Если в нормальных браузерах спасает то, что можно загнать подсказку в еще один div и позиционировать относительно его, то для ие - не работает(

для ие нужен js

inetessentials добавил 09.10.2008 в 10:33

MASe:
не в дивах счастье, а в их грамотном использовании в нужном месте...
равно как и таблиц...

ктож спорит?

Продвигаем естественно ( http://www.inetessentials.ru/ ) и непринужденно. Практический курс по оптимизации ( https://allintop.ru/optimization/ ) - без воды и на основе сайтов студентов. Ежегодная конференция All in Top Conf (https://www.allintopconf.ru/)
drima
На сайте с 17.07.2007
Offline
46
#14

lazio, div - это просто элемент уровня блока, таблице он никак не противоречит. его можно легко вставлять в ячейку таблицы или использовать вместо таблицы, как структурообразующий элемент страницы. в вашем примере div изначально используется комбинированно с таблицей. не очень понял, почему один раз можно, а два раза - нельзя :)

No future 4 me
Turtle_Fly
На сайте с 20.09.2007
Offline
33
#15

ну понеслося =) снова спор див вс табле.. флеймеры

лазерные станки для резки и гравировки, купить в Москве (http://laser911.ru/). изготовление табличек для офиса (http://www.shtampuem.ru/tablichki/).
drima
На сайте с 17.07.2007
Offline
46
#16

Turtle_Fly, если не понимаете, о чем речь, лучше промолчите :) во избежание флейма и флуда

Turtle_Fly
На сайте с 20.09.2007
Offline
33
#17
drima:
Turtle_Fly, если не понимаете, о чем речь, лучше промолчите :) во избежание флейма и флуда

а если понимаю? разрешите отписать?

lazio
На сайте с 05.10.2006
Offline
47
#18

се, всем спасибо за обсуждение, больше флуд разводить не будет=)

видимо и вправду, решение проблемы ток на js.

drima
На сайте с 17.07.2007
Offline
46
#19
Turtle_Fly:
а если понимаю? разрешите отписать?

а кто ж мешает-то?

Turtle_Fly
На сайте с 20.09.2007
Offline
33
#20

ну пожалста.. js потом в отдельную ф-ю вынесете, а так всё пашет в ИЕ, Опере, Лисе, Сафари, Хроме


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>test</title>
<style>
td {
background:#FFF;
height:25px;
z-index: 1;
}
div {
width:300px;
height:150px;
background:#FF0000;
display: none;
z-index: 0;
position:absolute;
}
</style>
</head>

<body>
<table width="100%" border="1" cellpadding="0">
<tr>
<td>
<a href="#" onclick="document.getElementById('div1').style.display = 'block';">1 ссылка</a>
<div id="div1"> текст <a href="#" onclick="document.getElementById('div1').style.display = 'none';">[x]</a> </div>
</td>
<td><a href="#" onclick="document.getElementById('div2').style.display = 'block';">2 ссылка</a>
<div id="div2"> текст <a href="#" onclick="document.getElementById('div2').style.display = 'none';">[x]</a> </div></td>
</tr>
<tr>
<td>
<a href="#" onclick="document.getElementById('div3').style.display = 'block';">3 ссылка</a>
<div id="div3"> текст <a href="#" onclick="document.getElementById('div3').style.display = 'none';">[x]</a> </div>
</td>
<td><a href="#" onclick="document.getElementById('div4').style.display = 'block';">4 ссылка</a>
<div id="div4"> текст <a href="#" onclick="document.getElementById('div4').style.display = 'none';">[x]</a> </div></td>
</tr>
</table>

</body>
</html>
123

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