Проблема с вертикальным пространством CSS для слайд-шоу jQuery Galleriffic

#jquery #css

Вопрос:

Основная фотография слайд-шоу выглядит по-разному из-за левого поля между IE7 и IE8 и Firefox.

В IE есть несколько дополнительных пикселей вертикального пространства для изображения слайд-шоу, которые не отображаются для элемента управления Div (синий Div с воспроизведением слайд-шоу).

Однако Div слайд-шоу и элементы управления Div отображаются правильно для левого поля в Firefox.

Вот как изображение отображается в моем браузере IE8:

введите описание изображения здесь

Я не могу определить, почему существует дополнительное вертикальное пространство.

Вот сайт разработки: http://www.davincispainting.com/InteriorGallery.aspx

Название CSS: galleriffic-2.css.

1. Ответ заключается в том, чтобы удалить amp;nbsp; элементы, на которые указывает @claresuzy, и добавить некоторые margin-bottom к такому элементу, как div.controls , например margin: 5px 0 18px 53px .

Ответ №1:

 <div id="slideshow" class="slideshow">
  <span style="opacity: 1;" class="image-wrapper current">
    <a class="advance-link" rel="history" href="#bigleaf" title="Title #2">
amp;nbsp;
      <img src="images/Portfolio/Interior/Normal/InteriorPic2a.jpg" alt="Title #2">
     </a>
  </span>
</div>

Это amp;nbsp; то, что вызывает вертикальный разрыв в IE, вызывает горизонтальный разрыв в других:o было бы лучше удалить его и использовать поле на изображении, если вам нужен горизонтальный разрыв

1. Я обнаружил, что это (amp; nbsp;) вставлялось в скрытый интервал, который создавался в javascript. Вы знаете, работает ли это сейчас в IE9?

2. @Paul рад, что это сработало, во всяком случае, для IE7 / 8 — извините, я не знаю об IE9 и не могу протестировать, но я бы предположил, что нет, поскольку я не думаю, что этого изменения будет достаточно

Ответ №2:

Вы можете просто добавить css-хак IE для этого, специфичный для IE6 / 7 / 8, например:

 margin: 5px 0 0 55px9; // it's for IE8
*margin: 5px 0 0 55px; // it's for IE7
_margin: 5px 0 0 55px; // it's for IE6

но на самом деле ваша самая серьезная проблема заключается в том, что слайд-шоу даже не работает в IE9, вам, вероятно, следует попытаться исправить это или переключиться на другие плагины.

Приветствую

1. это серьезная проблема. Вы думаете, что это неотъемлемая проблема плагина?

2. Исправление самого плагина потребует от вас много времени, однако вы можете переключиться на другие плагины, которых в Google Search предостаточно. Это может помочь: 1stwebdesigner.com/css/… Приветствия