Проблема Internet Explorer css. (Скрытая обивка) - PullRequest
Новая
       3

Проблема Internet Explorer css. (Скрытая обивка)

1 голос
/ 15 апреля 2011

Я создал небольшой слайдер с использованием jQuery UI, и он отлично работает в Firefox, именно так, как и должно быть. Однако в IE кажется, что между объектами есть отступы. Посмотрите, и вы увидите:

http://www.grant[deletethis]unwin.co.uk/slider/slider1.html

Я понимаю, что для разных браузеров автоматически устанавливаются разные поля страницы и отступы, поэтому я попытался использовать: 

* {
    padding: 0px;
    margin: 0px;
}

Но проблема сохраняется.

Вопрос:

как я могу устранить пробелы между изображениями на моем слайдере (в IE)?

Ответы [ 5 ]

4 голосов
/ 15 апреля 2011

Ваша страница отображается в режиме Причуды , потому что вы не используете тип документа (.., который активирует стандартный режим).

Ваша первая строка в данный момент: 

<html>

Добавьте тип документа в качестве первой строки, например, тип документа HTML5: 

<!DOCTYPE html>

Это будет магически исправлено.

1 голос
/ 15 апреля 2011

Я предлагаю использовать сброс для обнуления всех стилей во всех браузерах. Использование этого должно решить вашу проблему. Эрик Мейер Сброс

1 голос
/ 15 апреля 2011

Пожалуйста, добавьте действительный Doctype , потому что ваш сайт просматривается в режиме Quirks в IE. 

<!DOCTYPE html>
<html> .... </html>

Дополнительные
Удалите float для самого элемента img и установите display: block;

.scroller_item {
    float: left;
    height: 238px;
    width: 192px;
}

.scroller_item .image {
    display: block;
    height: 238px;
    width: 192px;
}
0 голосов
/ 15 апреля 2011

Попробуйте удалить "float: left" из определения ".scroller_item .image" в вашем классе CSS.

0 голосов
/ 15 апреля 2011

Попробуйте добавить: 

*
{
  padding: 0px;
  margin: 0px;
  border: none;
}

#sliding_section
{
  overflow: auto;
}

Вам придется настроить свойства *, так как это будет плохо для производственного сайта, но это может сработать.

...