[X] Помощник

[sol_mw Topic Starter]

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

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.com/web-design/exampl...dow/caption.htm


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

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

[ZiTosS]

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
}

[sol_mw Topic Starter]

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

[ZiTosS]

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

Замечание модератора: Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней. Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой или обратитесь к любому из модераторов.