Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / td offsetHeight, в некоторых браузерах не учитывается padding и border / 5 сообщений из 5, страница 1 из 1
17.08.2013, 17:12
    #38369761
lanzer
lanzer
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
td offsetHeight, в некоторых браузерах не учитывается padding и border
Беру offsetHeight ячейки.
FF и Опера выдают по 1000px, а все остальные правильно 1040 (ие, сафари, хром).
Физически паддинги и бордеры на странице есть, те которые дают эти 40 к 1000.


Код: html
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.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>ex1</title>
<meta name="description" content="" />
<meta name="keywords" content="" />

<style>
*{margin:0; padding:0}

#contenter{}
#contenter td{vertical-align: top; border-top: 10px solid #000; border-bottom: 10px solid #000; padding: 10px 0 10px 0;}

#leftblock{width: 250px; background: #0074cd; }
#midblock{height: 1000px; background:#4b89b8;}
#rightblock{width:250px; background: #0074cd;}
</style>


<body>

<table id="contenter" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr> 
      <td id="leftblock"></td>
      <td id="midblock"></td>
      <td id="rightblock"></td>     
</tr>
<table>

<script>
var left_block = document.getElementById("leftblock");
var left_block_height = left_block.offsetHeight;
alert(left_block_height);
</script>
</body>
</html>
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
19.08.2013, 14:32
    #38370727
lanzer
lanzer
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
td offsetHeight, в некоторых браузерах не учитывается padding и border
Эти паддинги не отображаются в верстке в FF и Opere, поэтому и не входят в offsetHeight. Нельзя применять паддинги к td, пользуйтесь маргинами внутренних элементов.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
19.08.2013, 14:37
    #38370730
Яростный Меч
Яростный Меч
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
td offsetHeight, в некоторых браузерах не учитывается padding и border
lanzerНельзя применять паддинги к tdа это что?
ps: FF, firebug
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
19.08.2013, 16:20
    #38370900
lanzer
lanzer
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
td offsetHeight, в некоторых браузерах не учитывается padding и border
Какой у вас доктайп? Попробуйте пример в первом посте, паддингов и бордеров нет в offsetHeight. При этом бордер присутствует в верстке, паддинг отсутствует в верстке. Ну ладно паддинг иногда не срабатывает в td, чем бордер провинился, что не попадает в offsetHeight.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
19.08.2013, 16:30
    #38370920
lanzer
lanzer
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
td offsetHeight, в некоторых браузерах не учитывается padding и border
Доктайп у вас,
Код: html
1.
2.
3.
<?xml version="1.0"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


но не в нем дело. В моем примере с ним тот же алерт с 1000px.

Записи в table вида cellpadding и пр. также не причем.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / td offsetHeight, в некоторых браузерах не учитывается padding и border / 5 сообщений из 5, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 560ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1447992]:
 0ms
get settings:
 10ms
get forum list:
 19ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 225ms
get topic data:
 11ms
get forum data:
 3ms
get page messages:
 40ms
get tp. blocked users:
 2ms
others: 244ms
total:  560ms
x
x
Закрыть


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