offset и IE
Помогите, сутки сижу, понять не могу!
Код вырезан на быструю руку, но проблема сохранена:
<style>
#divImageBorder{border:2px solid red;}
#ImageContainer{position:relative;left:0;top:0;width:100px;height:100px;z-index:1;background:#000000;}
#cropImage{display:block;position:relative;left:0;top:0;z-index:3;}
</style>
<table cellpadding="100" cellspacing="100" border="0" align="center">
<tr><td align="center"><input type="submit" value="OK"></td></tr>
<tr>
<td>
<div id="divImageBorder">
<div id="ImageContainer">
</div>
</div>
</td>
</tr>
<tr><td align="center"><input type="submit" value="OK"></td></tr>
</table>
Почему this.offsetParent.offsetTop намного больше чем должен быть? и как с этим боротся....
Код вырезан на быструю руку, но проблема сохранена:
<style>
#divImageBorder{border:2px solid red;}
#ImageContainer{position:relative;left:0;top:0;width:100px;height:100px;z-index:1;background:#000000;}
#cropImage{display:block;position:relative;left:0;top:0;z-index:3;}
</style>
<table cellpadding="100" cellspacing="100" border="0" align="center">
<tr><td align="center"><input type="submit" value="OK"></td></tr>
<tr>
<td>
<div id="divImageBorder">
<div id="ImageContainer">
</div></div>
</td>
</tr>
<tr><td align="center"><input type="submit" value="OK"></td></tr>
</table>
Почему this.offsetParent.offsetTop намного больше чем должен быть? и как с этим боротся....
Дело в том, что offsetTop показывает отступ не для элемента, а для контента.. т.е. если у тебя(как например в этом скрипте) есть границы, паддинги и маргины - то он будет содержать совсем не то, что хотелось бы. Поэтому в скрипте придётся учитывать ещё и границы. И в таблице лучше задать не cellpadding'ами, а style.padding - иначе джаваскрипт эти паддинги не увидит.
Спасибо, но проблема сохроняется всеравно при cellpadding="0" cellspacing="0", лично у меня this.offsetParent.offsetTop больше на 25, реального значения которого она должна быть