Перейти к содержимому

Реферальная программа Мегаплана

Партнерская программа Kredov

Отображение в Internet Explorer 6

#1 sol

sol
  • Пользователь
  • 19 сообщений
  • Репутация: 0
0

Отправлено 23 Май 2009 - 02:14

Описание изображения

HTML:

<div class="img-desc">
  <img src="sample.jpg" width="575" height="335" alt="" />
  <cite>Salone del mobile Milano, April 2008 - Peeta</cite>
</div>
CSS:
.img-desc{
  position: relative;
  display: block;
  width: 575px;
  height:335px
}
.img-desc cite{
  background: #111;
  filter:alpha(opacity=55);
  opacity:0.55;
  color: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 555px;
  padding: 10px;
  border-top: 1px solid #999
}

результат: http://www.sohtanaka...dow/caption.htm


так вот, в ИЕ 6 вообще не отображается.
для отображения добавил csshover.htc.: http://www.xs4all.nl...tc/csshover.htc
в ИЕ6 теперь отображается, но не корректно, на все картинках рамка с описанием поднялась вверх пикселей на 5

подскажите пож. как исправить?

 

 

  • 0

#2 ZiTosS

ZiTosS
  • Пользователь
  • 5 148 сообщений
  • Репутация: 8

Отправлено 23 Май 2009 - 12:32

sol, почему такой косяк, это проблема IE
Вот нужно добавить так:
*margin-bottom: 5px;
Спецом для IE
то есть:
.img-desc cite{
  background: #111;
  filter:alpha(opacity=55);
  opacity:0.55;
  color: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 555px;
  padding: 10px;
*margin-bottom: 5px;
  border-top: 1px solid #999
}

  • 0

#3 sol

sol
    Topic Starter
  • Пользователь
  • 19 сообщений
  • Репутация: 0

Отправлено 24 Май 2009 - 00:59

решено.
кто знает почему при уменьшении масштаба страницы колесиком мышки блоки позиционированные при помощи флоат съезжают вниз?
  • 0

#4 ZiTosS

ZiTosS
  • Пользователь
  • 5 148 сообщений
  • Репутация: 8

Отправлено 28 Май 2009 - 00:49

ответил в другой теме.
  • 0


Оформление форума – IPBSkins.ru