Показать сообщение отдельно
  #1 (permalink)  
Старый 17.08.2013, 17:01
Профессор
Отправить личное сообщение для lancer Посмотреть профиль Найти все сообщения от lancer
 
Регистрация: 30.01.2008
Сообщений: 230

td offsetHeight, в некоторых браузерах не учитывается padding и border
Беру offsetHeight ячейки.
FF и Опера выдают по 1000px, а все остальные правильно 1040 (ие, сафари, хром).
В верстке паддинги в этих браузерах не отображаются. Бордеры присутствуют.

<!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>

Последний раз редактировалось lancer, 19.08.2013 в 18:33.
Ответить с цитированием