Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Вопрос о позиционировании / 9 сообщений из 9, страница 1 из 1
17.09.2008, 21:02
    #35545429
ShSerge
ShSerge
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Вопрос о позиционировании
В гугле и в сафари морда отображается посередине, а в остальных браузерах - сверху. Если написать <td id="cont" valign="top"> - вроде и нормально. Вот только вопрос - что это такое? Морда ведь абсолютно позиционирована. Глюк что-ли? И у кого? Зы посоветовал библиотеки. Хорошо, сначала пусть то же воспроизведёт...
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
<!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><title></title>
<script type="text/javascript" >
function ld(){
var obj=document.getElementById("cont");
var im=document.getElementById("im");
var leftPos= 0 ;
var topPos= 0 ;
while( obj!=null)
{
      leftPos += obj.offsetLeft;
      topPos += obj.offsetTop;
      obj = obj.offsetParent;
}
im.style.top=topPos+"px";
im.style.left=leftPos+"px";
}
</script>
</head>
<body onload="ld()">
<table id="t" border="1" style="height:800px;width:600px" cellspacing="0">
	<tr><td>
	<table border="1" style="height:300px;width:100px">
		<tr><td id="cont"><br />
		</td></tr>
	</table>
	</td></tr>
</table>
<img id="im" src="http://casa-latina.ru/s/s/icon_tease.gif" style="position:absolute;top:0px;left:0px" alt="morda" />
</body>
</html>
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
17.09.2008, 21:53
    #35545468
зы
зы
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Вопрос о позиционировании
ну скопировал, воспроизвел, когда уже можно бежать за библиотекой?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
17.09.2008, 21:54
    #35545470
зы
зы
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Вопрос о позиционировании
чтобы быть точнее - вопрос не в CSS позиционировании, а в способе вычисления координат, что есть разные вещи
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
17.09.2008, 22:13
    #35545482
ShSerge
ShSerge
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Вопрос о позиционировании
зы
Нет, я не про то. Я предполагаю, что аналогичная фигня будет глючить и с твоими любимыми библиотеками. Вот бы попробовать воспроизвести.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
17.09.2008, 22:19
    #35545488
apapacy
apapacy
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Вопрос о позиционировании
У меня не XP, поэтому хромого не могу поставить и проверить. Сделайте так в Опера

Код: plaintext
1.
<td><span  id="cont"></span></td>

И будет работать одинаково (возможно)
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
17.09.2008, 22:45
    #35545506
зы
зы
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Вопрос о позиционировании
действительно библиотеки не помогли :) немного покопавшись понял суть проблемы. Сам не встречался потому что такую бяку никогда не верстаю :) проблема в таблице, у таблиц всегда было плоховато с высотой, а у яичеек обычно ещё хуже. WebKit думает что у яичейки высота равна высоте контента, а не тому, что он нарисовал. Возможно бага, не спорю, но блин, я лично никогда так не делаю :) не заставляю таблицы тянуться сильнее чем засунуто в них контента в высоту. только в ширину. Добавь внутрь див, проставь у него высоту, и все будет нормально.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
20.09.2008, 13:17
    #35550248
ShSerge
ShSerge
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Вопрос о позиционировании
А вот вообще без всяких высот. Таблица как таблица. Почему в гугле морда ниже ватерлинии?
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
<!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><title></title>
<script type="text/javascript" >
function ld(){
var obj=document.getElementById("cont");
var im=document.getElementById("im");
var leftPos= 0 ;
var topPos= 0 ;
while( obj!=null)
{
      leftPos += obj.offsetLeft;
      topPos += obj.offsetTop;
      obj = obj.offsetParent;
}
im.style.top=topPos+"px";
im.style.left=leftPos+"px";
}
</script>
<body onload="ld()">
<table border="1">
<tr>
<td>
У попа была собака. Поп её любил. Она съела кусок мяса. Поп её убил.
У попа была собака. Поп её любил. Она съела кусок мяса. Поп её убил.
У попа была собака. Поп её любил. Она съела кусок мяса. Поп её убил.
У попа была собака. Поп её любил. Она съела кусок мяса. Поп её убил.
У попа была собака. Поп её любил. Она съела кусок мяса. Поп её убил.
У попа была собака. Поп её любил. Она съела кусок мяса. Поп её убил.
</td>
<td>
У попа была собака. Поп её любил. Она съела кусок мяса. Поп её убил.
У попа была собака. Поп её любил. Она съела кусок мяса. Поп её убил.
У попа была собака. Поп её любил. Она съела кусок мяса. Поп её убил.
У попа была собака. Поп её любил. Она съела кусок мяса. Поп её убил.
У попа была собака. Поп её любил. Она съела кусок мяса. Поп её убил.
У попа была собака. Поп её любил. Она съела кусок мяса. Поп её убил.
</td>
<td>
У попа была собака. Поп её любил. Она съела кусок мяса. Поп её убил.
У попа была собака. Поп её любил. Она съела кусок мяса. Поп её убил.
У попа была собака. Поп её любил. Она съела кусок мяса. Поп её убил.
У попа была собака. Поп её любил. Она съела кусок мяса. Поп её убил.
У попа была собака. Поп её любил. Она съела кусок мяса. Поп её убил.
У попа была собака. Поп её любил. Она съела кусок мяса. Поп её убил.
</td>
<td id="cont"><nobr>---------ватерлиния-----------</nobr></td>
</tr>
</table>
<img id="im" src="http://casa-latina.ru/s/s/icon_tease.gif" style="position:absolute;top:0px;left:0px" alt="morda" />
</body>
</html>
А потом многие удивляются, почему у них выпадающие менюшки не работают.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
20.09.2008, 13:43
    #35550269
ShSerge
ShSerge
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Вопрос о позиционировании
Пардон, после </script> забыл </head>.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
20.09.2008, 22:54
    #35550612
зы
зы
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Вопрос о позиционировании
хз, он задает яичейке высоту контента. Не знаю, я вообще не помню когда мне нужно было сделать что-то подобное, предпочитаю более-менее естественное позиционирование
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Вопрос о позиционировании / 9 сообщений из 9, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 459ms
Закрыть
start [/forum/topic.php?fid=22&tablet=1&tid=1455861]:
 0ms
get settings:
 8ms
get forum list:
 9ms
check forum access:
 2ms
check topic access:
 2ms
track hit:
 158ms
get topic data:
 6ms
get forum data:
 2ms
get page messages:
 23ms
get tp. blocked users:
 1ms
others: 248ms
total:  459ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]