Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
Объектно-ориентированное программирование на PHP. Авторы: Кузнецов М.В., Симдянов И.В. Социальная инженерия и социальные хакеры. Авторы: Кузнецов М.В., Симдянов И.В. PHP на примерах (2 издание). Авторы: Кузнецов М.В., Симдянов И.В. PHP 5/6. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. C++. Мастер-класс в задачах и примерах. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Позиционирование div в firefox.
 
 автор: Dimka31   (06.06.2008 в 15:29)   письмо автору
89.7 Кб
 
 

Javascript код не работает в FireFox, в ие все нормльно. Если просмотреть аттач можно будет увидеть что принаведении на ссылку в ие всплывает див, в FireFox отображаеться в левом верхнем углу. Как с этим бороться?


<link rel="stylesheet" href="site.css" type="text/css">

<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>
<br><br><br><br><br><br><br><br><br><br><br><br>
<table align="center" width=620 border='0'>
  <tr align='left'>
    <td valign=top width=310 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=310 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>
  <tr align='left'>
    <td valign=top width=310 style='position:relative' id='td_1' onmouseout='hide(33)'>
      <a href='/sozdanie/portfolio/33/' class='por' onmouseover='show(33)'>НП «МЦОТ»</a>
      <div id='div_33' 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/33/'><img id='img_33' src='/image/portfolio/mini/np-icet_150.jpg' width=150 vspace=3 hspace=3></a>
            </td>
          </tr>
        </table>
      </div>
    </td>
    <td width=30></td>
    <td valign=top width=310 style='position:relative' id='td_1' onmouseover='show(34)' onmouseout='hide(34)'>
      <a href='/sozdanie/portfolio/34/' class='por'>Компания «Алютерра С.К.»</a>
      <div id='div_34' 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/34/'><img id='img_34' src='/image/portfolio/mini/aluterrask_150.jpg' width=150  vspace=3 hspace=3></a>
            </td>
          </tr>
        </table>
      </div>
    </td>
  </tr>
  <tr align='left'>
    <td valign=top width=310 style='position:relative' id='td_1' onmouseout='hide(35)'>
      <a href='/sozdanie/portfolio/35/' class='por' onmouseover='show(35)'>Группа компаний «Active-PRO»</a>
      <div id='div_35' 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/35/'><img id='img_35' src='/image/portfolio/mini/rus-kiddy_150.jpg' width=150 vspace=3 hspace=3></a>
            </td>
          </tr>
        </table>
      </div>
    </td>
    <td width=30></td>
    <td valign=top width=310 style='position:relative' id='td_1' onmouseover='show(37)' onmouseout='hide(37)'></td>
  </tr>
</table>

   
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования