| |
|
|
| | Динамически вывожу дивы в два столбца и при наведении на ссылку всплывает див, рядом с ссылкой, в ие все работает нормально. http://www.diaclub.ru/sozdanie/
В фаерфоксе див улетает верхний угол. По моему фаерфокс не воспринимает position:relative, как молжно решить эту проблему?
<script language="javascript">
function show(id)
{
document.getElementById("div_"+id).style.display='';
document.getElementById("div_"+id).style.top = document.getElementById("td_1").style.top - document.getElementById("img_"+id).height - 5;
document.getElementById("div_"+id).style.left = document.getElementById("td_1").style.left + 50;
}
function hide(id)
{
document.getElementById("div_"+id).style.display='none';
}
</script>
<table width=620 border='0'>
<tr align='left'>
<td valign=top width=295 style='position:relative' id='td_1' onmouseout='hide(28)'>
<a href='/sozdanie/portfolio/28/' class='por' onmouseover='show(28)'>Компания KidSafe</a>
<div id='div_28' style='display:none; position:absolute;'>
<table bgcolor='#ffffff' bordercolor='#999999' cellspacing=0 cellpadding=0 style='border:thin' border=1>
<tr>
<td><a href='/sozdanie/portfolio/28/'><img id='img_28' src='/image/portfolio/mini/kiddy-russia_150.jpg' width=150 vspace=3 hspace=3></a></td>
</tr>
</table>
</div></td>
<td width=30></td>
<td valign=top width=295 style='position:relative' id='td_1' onmouseover='show(32)' onmouseout='hide(32)'>
<a href='/sozdanie/portfolio/32/' class='por'>Медицинский Центр СанКлиник </a>
<div id='div_32' style='display:none; position:absolute;'>
<table bgcolor='#ffffff' bordercolor='#999999' cellspacing=0 cellpadding=0 style='border:thin' border=1>
<tr>
<td><a href='/sozdanie/portfolio/32/'><img id='img_32' src='/image/portfolio/mini/san-clinic_150.jpg' width=150 vspace=3 hspace=3></a></td>
</tr>
</table>
</div>
</td>
</tr>
</table>
|
| |
| |
|
|
| |
|
|
| |
для: Dimka31
(26.05.2008 в 19:27)
| | | В 7ИЕ тож не работает. Чтобы пользоваться style.left и style.top нужно как минимум задать их в стилях, а уже потом использовать в скриптах. | |
| |
|
|
