Перейти к содержимому


Разное Отображение Товаров В Браузерах


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 8

#1 551

551

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 650 сообщений
  • ГородМосква

Отправлено 25 Октябрь 2012 - 15:49

Добрый день.

Обнаружил, что в браузере Mozilla Firefox товары в категориях отображаются по другому (не так, как в хроме), а именно, вместо рамки с закругленными углами, у них рамка с прямыми углами (см. скриншот). В опере и ИЕ тоже самое, углы прямые. Как это исправить? Везде должны быть закругленные углы.

Прикрепленные изображения

  • 34534543.jpg


#2 Koderhan

Koderhan

    Активный участник

  • Модератоpы
  • 6 227 сообщений

Отправлено 25 Октябрь 2012 - 16:09

Просмотр сообщения551 (25 Октябрь 2012 - 15:49) писал:

Добрый день.

Обнаружил, что в браузере Mozilla Firefox товары в категориях отображаются по другому (не так, как в хроме), а именно, вместо рамки с закругленными углами, у них рамка с прямыми углами (см. скриншот). В опере и ИЕ тоже самое, углы прямые. Как это исправить? Везде должны быть закругленные углы.
Попробуйте в файле 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 они отображают квадратные углы. 


#3 551

551

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 650 сообщений
  • ГородМосква

Отправлено 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, а рамки не понимает.

#4 Koderhan

Koderhan

    Активный участник

  • Модератоpы
  • 6 227 сообщений

Отправлено 25 Октябрь 2012 - 16:59

Просмотр сообщения551 (25 Октябрь 2012 - 16:53) писал:

Попробовал, так не работает. Ничего не изменилось. ФФ понимает у меня другие элементы на css3, а рамки не понимает.
Пожалуйста, скажите какие версии у браузеров у вас.

#5 551

551

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 650 сообщений
  • ГородМосква

Отправлено 25 Октябрь 2012 - 17:38

Просмотр сообщенияKoderhan (25 Октябрь 2012 - 16:59) писал:

Пожалуйста, скажите какие версии у браузеров у вас.

Обновил ФФ и все заработало. Спасибо.

#6 Koderhan

Koderhan

    Активный участник

  • Модератоpы
  • 6 227 сообщений

Отправлено 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 odissei

odissei

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 382 сообщений
  • ГородАм. Область

Отправлено 20 Март 2013 - 16:45

Моя практика показала, что PIE.js работает лучше, чем PIE.htc - без сбоев и глюков.

Хотел добавить инструкцию, но форум не дает.

#8 sibulba

sibulba

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 2 335 сообщений

Отправлено 30 Март 2013 - 22:53

не помогло. помогите починить отображение. кошмар просто сейчас происходит

#9 mikola

mikola

    Good soo good

  • Модератоpы
  • 1 550 сообщений
  • Городгород Нижний Новгород

Отправлено 31 Март 2013 - 20:03

Просмотр сообщенияsibulba (30 Март 2013 - 22:53) писал:

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




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных