VPF::Проблема отображения в FF - Форум программистов

GeoSco

Дата 11.3.2009, 15:55 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 1
Регистрация: 11.3.2009

Репутация: нет
Всего: нет

Добрый...
Возникла проблема правильного отображения в FF списка с скроллом

Код


  <div class="list" oncontextmenu="return false">
       <div>
             <a href="javascript:photo(102)"><img src="http://../../Photo_small_2.jpg" width="113" height="86" border="0" alt="Фото 1" title="Фото 1" /></a>
      </div>
      <div>
             <a href="javascript:photo(103)"><img src="http://../../Photo_small_3.jpg" width="113" height="86" border="0" alt="Фото 2" title="Фото 2" /></a>
      </div>
      <div>
            <a href="javascript:photo(104)"><img src="http://../../Photo_small_4.jpg" width="113" height="86" border="0" alt="Фото 3" title="Фото 3" /></a>
      </div>
      <div>
            <a href="javascript:photo(105)"><img src="http://../../Photo_small_5.jpg" width="113" height="86" border="0" alt="Фото 4" title="Фото 4" /></a>
      </div>
      <div>
            <a href="javascript:photo(106)"><img src="http://../../Photo_small_6.jpg" width="113" height="86" border="0" alt="Фото 5" title="Фото 5" /></a>
      </div>
      <div>
            <a href="javascript:photo(107)"><img src="http://../../Photo_small_7.jpg" width="113" height="86" border="0" alt="Фото 6" title="Фото 6" /></a>
      </div>
      <div>
            <a href="javascript:photo(108)"><img src="http://../../Photo_small_8.jpg" width="113" height="86" border="0" alt="Фото 7" title="Фото 7" /></a>
      </div>
      <div>
            <a href="javascript:photo(109)"><img src="http://../../Photo_small_9.jpg" width="113" height="86" border="0" alt="Фото 8" title="Фото 8" /></a>
      </div>
      <div>
            <a href="javascript:photo(110)"><img src="http://../../Photo_small_10.jpg" width="113" height="86" border="0" alt="Фото 6" title="Фото 6" /></a>
      </div>
      <div>
            <a href="javascript:photo(111)"><img src="http://../../Photo_small_11.jpg" width="65" height="86" border="0" alt="Фото 7" title="Фото 7" /></a>
      </div>
  </div>

  <div class="product" oncontextmenu="return false">
        <img src="http://mpire.ru/images/portfolio/mpk_big_1.jpg" id="photo" border="0" height="473" alt="" title="" />
  </div>

<script>
  var pics = {'102':{'alt':'Фото 1','height':473,'src':'http://../../Photo2.jpg','width':630},
                   '103':{'alt':'Фото 2','height':473,'src':'http://../../Photo3.jpg','width':630},
                   '104':{'alt':'Фото 3','height':473,'src':'http://../../Photo4.jpg','width':630},
                   '105':{'alt':'Фото 4','height':473,'src':'http://../../Photo5.jpg','width':630},
                   '106':{'alt':'Фото 5','height':473,'src':'http://../../Photo6.jpg','width':630},
                   '107':{'alt':'Фото 6','height':473,'src':'http://../../Photo7.jpg','width':630},
                   '108':{'alt':'Фото 7','height':473,'src':'http://../../Photo8.jpg','width':630},
                   '109':{'alt':'Фото 8','height':473,'src':'http://../../Photo9.jpg','width':630},
                   '110':{'alt':'Фото 9','height':473,'src':'http://../../Photo10.jpg','width':630},
                   '111':{'alt':'Фото 10','height':473,'src':'http://../../Photo11.jpg','width':355}};
  var pic = document.getElementById('photo');
  function photo ( id ) {
    pic.src = pics[id].src;
  }
</script>

CSS такой:
div.product {
  float: left;
  background: url(/etc/shadow.gif) no-repeat bottom right;
  margin: 10px 0px 0px 5px;
}
div.product img {
  display: block;
  position: relative;
  background-color: #FFFFFF;
  border: 1px solid #888888;
  margin: -6px 6px 6px -6px;
  padding: 4px;
}

div.list {
  border: 1px solid #A0A0A0;
  background-color: #FFFFFF;
  overflow: auto;
  height: 492px;
}

div.list img {
  border: 1px solid #A0A0A0;
  padding: 2px;
  margin: 4px 2px 0px 2px;
}

Так вот в IE и в Opera всё ОК! А в FF не следует стилям совсем!
Помогите!

Samotnik

Дата 11.3.2009, 17:52 (ссылка)

(нет голосов)

Загрузка ...

Super star !

Профиль
Группа: Awaiting Authorisation
Сообщений: 7192
Регистрация: 4.11.2006
Где: Минск City

Репутация: 3
Всего: 191

дай хоть скрин посмотреть как оно выглядит сейчас

Добавлено через 2 минуты и 20 секунд
у меня все нормально отображается
Mozilla/5.0 (Windows; U; Windows NT 5.1; ru; rv:1.9.0.7) Gecko/2009021910 Firefox/3.0.7

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Общие вопросы \| Следующая тема »