Ошибка при отображении сайта в IE9

@nikstorm · Регистрация: 26.09.2012

Author24 — интернет-сервис помощи студентам

Сайт на Joomla 2.5.8 в IE 10 отображается почти нормально(только телефоны в заголовке съезжают вправо), а вот на восьмой и девятой версии на экране только часть логотипа и footer. Видимо, проблема в поддержке HTML5/CSS. Подскажите, как с этой напастью бороться, как включать CSS для различных версий браузера. В нете много информации по теме, очень часто она противоречива.

P.S. Также интересно, почему в заголовке телефоны уезжают вправо, проблема только в Internet Explorer.
P.P.S. Как адаптировать сайт под Android/iOS?
Заранее спасибо.

@Heidel · 25.12.2012, 01:28

CSS для различных версий IE включается через условные комментарии

Отдельные таблицы стилей для каждой версии IE

HTML5

      <!--[if IE 7]> 
    <link href="css/ie7-style.css" rel="stylesheet" type="text/css" />
    <![endif]-->
    
    <!--[if IE 8]> 
    <link href="css/ie8-style.css" rel="stylesheet" type="text/css" />
    <![endif]-->
    
    <!--[if IE 9]> 
    <link href="css/ie9-style.css" rel="stylesheet" type="text/css" />
    <![endif]-->

либо
таблица стилей для всех IE < 9

HTML5

1
2
3

<!--[if lt IE 9]> 
    <link href="css/styles-ie.css" rel="stylesheet" type="text/css" />
    <![endif]-->

таблица стилей для всех IE <= 9

HTML5

1
2
3

<!--[if lte IE 9]> 
    <link href="css/styles-ie.css" rel="stylesheet" type="text/css" />
    <![endif]-->

@Taatshi · 25.12.2012, 11:30

Для поддержки старыми версиями IE HTML5 нужно использовать скрипт. Подключать в header.

HTML5

1
2
3

<!--[if lt IE 9]> 
 <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> 
<![endif]-->

@nikstorm · 25.12.2012, 15:56 **[ТС]**

От подключения скрипта ничего не изменилось.
Что должен содержать CSS для IE9?

@Heidel · 25.12.2012, 18:51

в CSS для IE вы переопределяете стили для тех элементов, расположение и внешний вид которых вам нужно поправить.

@nikstorm -7 / 0 / 0 Регистрация: 26.09.2012 Сообщений: 109
		1
	Ошибка при отображении сайта в IE9 24.12.2012, 21:20. Показов 1852. Ответов 4 Метки нет (Все метки) Сайт на Joomla 2.5.8 в IE 10 отображается почти нормально(только телефоны в заголовке съезжают вправо), а вот на восьмой и девятой версии на экране только часть логотипа и footer. Видимо, проблема в поддержке HTML5/CSS. Подскажите, как с этой напастью бороться, как включать CSS для различных версий браузера. В нете много информации по теме, очень часто она противоречива. P.S. Также интересно, почему в заголовке телефоны уезжают вправо, проблема только в Internet Explorer. P.P.S. Как адаптировать сайт под Android/iOS? Заранее спасибо. 0

@nikstorm -7 / 0 / 0 Регистрация: 26.09.2012 Сообщений: 109
	25.12.2012, 15:56 [ТС]	4
	От подключения скрипта ничего не изменилось. Что должен содержать CSS для IE9? 0

@Heidel 115 / 115 / 39 Регистрация: 11.10.2011 Сообщений: 649
	25.12.2012, 18:51	5
	в CSS для IE вы переопределяете стили для тех элементов, расположение и внешний вид которых вам нужно поправить. 0

Опции темы