Сайт некорректно отображается в IE

Question

Эта страница некорректно отображается в Internet Explorer, тогда как в других браузерах все нормально. Любые идеи поощряются. Я не уверен, следует ли мне вставлять CSS сюда, поскольку его можно просмотреть с помощью инструментов Firefox. Однако, если кто-то попросит, я отправлю его.

Это страница:

http://www.enjoyislam.net/adult.html

css internet-explorer

0

Behrooz Karjoo 5 Сен 2010 в 19:53

3

АРГХ! МУЗЫКА! ОНО ГОРИТ! (Я посмотрю в IE, но если серьезно, музыка - не лучшая идея).

–

Elle H

5 Сен 2010 в 19:56

3

Автовоспроизведение музыки = -1.

–

Amy B

5 Сен 2010 в 19:59

Я пока отключил автоплей, но клиент запросил это. Я согласен, это плохая идея. Пожалуйста, отзовите свой отрицательный голос.

–

Behrooz Karjoo

5 Сен 2010 в 20:04

4

Я проголосовал. голоса должны быть посвящены вопросу, а не тому, что вас заставляют делать ужасные клиенты.

–

Matt Briggs

5 Сен 2010 в 20:10

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

–

Darin Dimitrov

5 Сен 2010 в 20:14

Answer 1

Вы используете функции CSS, которые IE8 поддерживает только в «строгом» или «переходном» режимах XHTML 1.0. Поместите эту строку в начало adult.html (над ), и все будет хорошо:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

Это также будет работать:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Дополнительная информация об этих режимах и их влиянии на IE (и другие браузеры) находится здесь:

http://www.quirksmode.org/css/quirksmode.html

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

1

danorton 5 Сен 2010 в 21:12

Не могу поверить, что это было так просто! Спасибо

–

Behrooz Karjoo

5 Сен 2010 в 21:58

Answer 2

Проблема в IE заключается в том, что он обрабатывает тот факт, что ваш контент шире, чем предписанная ширина контейнера. Вы даете контейнеру 1000 пикселей пространства, но между 550 пикселей для левого столбца, 449 пикселей для правого столбца, и 15 пикселей заполнения по обе стороны от левого столбца вы больше, чем 1000 пикселей ширина. Чтобы увидеть, что это проблема, измените

#eb_right_column {
    height:800px;
    width:449px;
    background-image:url(images/beginner_pic.jpg);
    background-repeat:no-repeat;

    float:left;
}

К

#eb_right_column {
    height:800px;
    width:409px;
    background-image:url(images/beginner_pic.jpg);
    background-repeat:no-repeat;

    float:left;
}

Очевидно, что на данный момент он не подходит, но это для демонстрации проблемы. Работайте с шириной по мере необходимости, чтобы визуальный дизайн соответствовал вашим требованиям.

1

Elle H 5 Сен 2010 в 20:12

Сайт некорректно отображается в IE

2 ответа

Похожие вопросы

Новые вопросы

css