Несовместимость CSS и Internet Explorer - PullRequest
2 голосов
/ 23 ноября 2010

Я действительно борюсь со страницей, которая отлично выглядит в Firefox и Chrome, но выглядит в IE как абсолютная чушь.браузеры, когда дело доходит до CSS.Кто-нибудь может дать мне совет?

Страница с вопросом .

страница индекса выглядит отлично!который действительно бросает меня за петлю ...

Заранее спасибо

Ответы [ 3 ]

6 голосов
/ 23 ноября 2010

Ваша страница не имеет типа документа, поэтому IE возвращается в режим причуд.

Попробуйте добавить это над тегом html:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
2 голосов
/ 23 ноября 2010

Прежде всего, это некорректный HTML <head> <body> </head> <body>, сделайте его <html> <head> <scripts .../></head> <body> </body></html>. Это сделает вашу вторую страницу похожей на первую.

Я добавил XHTML DTD, чтобы исправить выравнивание по центру <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">. Это сделает вашу первую страницу более похожей на Chrome и Firefox.

Наконец, вы используете теги HTML5 <header> и <nav>. HTML5 не полностью поддерживается в IE, Firefox Chrome поддерживает его частично. Я бы скептически отнесся к их использованию сейчас или, по крайней мере, к тестированию во всех браузерах. Хотя я вижу, что вы добавили один JS для имитации HTML5 в IE. Поместите это перед телом. Но интересно, как он имитирует HTML5:).

1 голос
/ 23 ноября 2010

Используете ли вы сброс CSS?Это сброс CSS, который я использую: http://meyerweb.com/eric/tools/css/reset/, но есть и другие варианты, которые также полезны.

Поможет решить большинство проблем несовместимости браузера.;)

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