0
Разное Отображение Товаров В Браузерах
Автор 551, 25 окт. 2012 15:49
Сообщений в теме: 8
#1
Отправлено 25 Октябрь 2012 - 15:49
Добрый день.
Обнаружил, что в браузере Mozilla Firefox товары в категориях отображаются по другому (не так, как в хроме), а именно, вместо рамки с закругленными углами, у них рамка с прямыми углами (см. скриншот). В опере и ИЕ тоже самое, углы прямые. Как это исправить? Везде должны быть закругленные углы.
Обнаружил, что в браузере Mozilla Firefox товары в категориях отображаются по другому (не так, как в хроме), а именно, вместо рамки с закругленными углами, у них рамка с прямыми углами (см. скриншот). В опере и ИЕ тоже самое, углы прямые. Как это исправить? Везде должны быть закругленные углы.
#2
Отправлено 25 Октябрь 2012 - 16:09
551 (25 Октябрь 2012 - 15:49) писал:
Добрый день.
Обнаружил, что в браузере Mozilla Firefox товары в категориях отображаются по другому (не так, как в хроме), а именно, вместо рамки с закругленными углами, у них рамка с прямыми углами (см. скриншот). В опере и ИЕ тоже самое, углы прямые. Как это исправить? Везде должны быть закругленные углы.
Обнаружил, что в браузере Mozilla Firefox товары в категориях отображаются по другому (не так, как в хроме), а именно, вместо рамки с закругленными углами, у них рамка с прямыми углами (см. скриншот). В опере и ИЕ тоже самое, углы прямые. Как это исправить? Везде должны быть закругленные углы.
.cornerAll {-moz-border-radius:5px;-webkit-border-radius:5px;}И заменить его на:
.cornerAll { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } Такое разное отображение связано с тем что свойство css border-radius входит в версию css3 с которым могут хорошо работают только современные браузеры. А те браузеры которые не понимают css3 они отображают квадратные углы.
#3
Отправлено 25 Октябрь 2012 - 16:53
Koderhan (25 Октябрь 2012 - 16:09) писал:
Попробуйте в файле main.csstemplate найти код:
.cornerAll {-moz-border-radius:5px;-webkit-border-radius:5px;}И заменить его на:
.cornerAll { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } Такое разное отображение связано с тем что свойство css border-radius входит в версию css3 с которым могут хорошо работают только современные браузеры. А те браузеры которые не понимают css3 они отображают квадратные углы.
Попробовал, так не работает. Ничего не изменилось. ФФ понимает у меня другие элементы на css3, а рамки не понимает.
#6
Отправлено 25 Октябрь 2012 - 17:47
551 (25 Октябрь 2012 - 16:53) писал:
Попробовал, так не работает. Ничего не изменилось. ФФ понимает у меня другие элементы на css3, а рамки не понимает.
Перейти Сайт-> Редактор тем. Открыть файл "HTML"
Добавить перед "</head>" код :
<script type="text/javascript" src="{ASSETS_JS_PATH}curvycorners.js"></script> .cornerAll{ border: 1px solid #E5E5E5 !important; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; behavior: url("ссылка на файл pie"); }Скачать файл PIE , распокавать и загрузить файлы в список файлов. Это нужно для поддержки IE6-8.
на место "ссылка на файл pie" скопируйте правой кнопкой мыши ссылку на загруженный pie.htc и вставьте в этот код.
Удачи.
#7
Отправлено 20 Март 2013 - 16:45
Моя практика показала, что PIE.js работает лучше, чем PIE.htc - без сбоев и глюков.
Хотел добавить инструкцию, но форум не дает.
Хотел добавить инструкцию, но форум не дает.
#8
Отправлено 30 Март 2013 - 22:53
не помогло. помогите починить отображение. кошмар просто сейчас происходит
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных