Сайт не отображается правильно в IE - PullRequest
0 голосов
/ 05 сентября 2010

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

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

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

Ответы [ 2 ]

1 голос
/ 05 сентября 2010

Вы используете функции 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 (и другие браузеры) находится здесь:

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

1 голос
/ 05 сентября 2010

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

#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;
}

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

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...