powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / td offsetHeight, в некоторых браузерах не учитывается padding и border
5 сообщений из 5, страница 1 из 1
td offsetHeight, в некоторых браузерах не учитывается padding и border
    #38369761
lanzer
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Беру 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
td offsetHeight, в некоторых браузерах не учитывается padding и border
    #38370727
lanzer
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Эти паддинги не отображаются в верстке в FF и Opere, поэтому и не входят в offsetHeight. Нельзя применять паддинги к td, пользуйтесь маргинами внутренних элементов.
...
Рейтинг: 0 / 0
td offsetHeight, в некоторых браузерах не учитывается padding и border
    #38370730
Фотография Яростный Меч
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
lanzerНельзя применять паддинги к tdа это что?
ps: FF, firebug
...
Рейтинг: 0 / 0
td offsetHeight, в некоторых браузерах не учитывается padding и border
    #38370900
lanzer
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Какой у вас доктайп? Попробуйте пример в первом посте, паддингов и бордеров нет в offsetHeight. При этом бордер присутствует в верстке, паддинг отсутствует в верстке. Ну ладно паддинг иногда не срабатывает в td, чем бордер провинился, что не попадает в offsetHeight.
...
Рейтинг: 0 / 0
td offsetHeight, в некоторых браузерах не учитывается padding и border
    #38370920
lanzer
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Доктайп у вас,
Код: 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
5 сообщений из 5, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / td offsetHeight, в некоторых браузерах не учитывается padding и border
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


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