[InternetExplorer] Проблемы с размером шрифтов
Вопрос к знатокам верстки. Я тут недавно вспомнил, что существует такой браузер как IE и решил посмотреть в нем свежеизготовленный сайт. Результат мягко говоря не порадовал.
Вот как сайт должен выглядеть:
Вот как он выглядит в поделки от M$
ссылка на сайт - http://plitca.com.ua - для тех, кто захочет просмотреть его вживую.
Как видно - проблема имеется с размером шрифтов - не смотря на то, что в коде генерации страницы присутствует (используется blueprint CSS framework ):
и даже (ну это уже от отчаянья)
Кто может подсказать в чем проблема, и как ее корректно решить (не переписывая по возможности каскадные таблицы фреймворка)? (jтказ от пользователей IE решением проблемы не является)
Вот как сайт должен выглядеть:
Вот как он выглядит в поделки от M$
ссылка на сайт - http://plitca.com.ua - для тех, кто захочет просмотреть его вживую.
Как видно - проблема имеется с размером шрифтов - не смотря на то, что в коде генерации страницы присутствует (используется blueprint CSS framework ):
Код:
<!--[if lt IE 8]>
<link rel="stylesheet" type="text/css" href="<?php echo Yii::app()->theme->baseUrl; ?>/css/ie.css" media="screen, projection" />
<![endif]-->
<!--[if lt IE 7]>
<link rel="stylesheet" type="text/css" href="<?php echo Yii::app()->theme->baseUrl; ?>/css/ie.css" media="screen, projection" />
<![endif]-->
<!--[if lt IE 9]>
<link rel="stylesheet" type="text/css" href="<?php echo Yii::app()->theme->baseUrl; ?>/css/ie.css" media="screen, projection" />
<![endif]-->
<link rel="stylesheet" type="text/css" href="<?php echo Yii::app()->theme->baseUrl; ?>/css/ie.css" media="screen, projection" />
<![endif]-->
<!--[if lt IE 7]>
<link rel="stylesheet" type="text/css" href="<?php echo Yii::app()->theme->baseUrl; ?>/css/ie.css" media="screen, projection" />
<![endif]-->
<!--[if lt IE 9]>
<link rel="stylesheet" type="text/css" href="<?php echo Yii::app()->theme->baseUrl; ?>/css/ie.css" media="screen, projection" />
<![endif]-->
Код:
<!--[if lt IE 7]>
<script src="<?php echo Yii::app()->theme->baseUrl; ?>/IE7.js"></script>
<![endif]-->
<!--[if lt IE 8]>
<script src="<?php echo Yii::app()->theme->baseUrl; ?>/IE8.js"></script>
<![endif]-->
<!--[if lt IE 9]>
<script src="<?php echo Yii::app()->theme->baseUrl; ?>/IE9.js"></script>
<![endif]-->
<script src="<?php echo Yii::app()->theme->baseUrl; ?>/IE7.js"></script>
<![endif]-->
<!--[if lt IE 8]>
<script src="<?php echo Yii::app()->theme->baseUrl; ?>/IE8.js"></script>
<![endif]-->
<!--[if lt IE 9]>
<script src="<?php echo Yii::app()->theme->baseUrl; ?>/IE9.js"></script>
<![endif]-->
В IE9 и IE10 всё работает, а вот IE8 нет. IE7 - у меня нет.
Скажите , а что должно произойти если ссылки на файлы одинаковые "/css/ie.css"
Скажите , а что должно произойти если ссылки на файлы одинаковые "/css/ie.css"
ну в принципе они и не должны особо отличаться - главное что они отличаются с основным файлом фремворка - т.е. везде вместо em используются px. По идее это должно бы решить проблему - но почему то эффекта нет.
Я думал , что для 7 это "/css/ie7.css"
Ладно если в IE нажать F12 видим интересные вещи :
Это в 8
Это 9, 10
Ладно если в IE нажать F12 видим интересные вещи :
Это в 8
Это 9, 10
Дело в том, что IE8 не правильно интерпретирует ваш код и пытается подстроит ваш код под себе. Результат только корявый.