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


Изображения Категорий Неверно Масштабируются


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

#1 customer8765

customer8765

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

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

Отправлено 17 Декабрь 2015 - 18:56

Пример:
http://narasprodage....ya-doma-i-dachi

Увеличиваем масштаб в браузере: CTRL+
При этом браузерах IE и Firefox изображения категорий вылезают за границу отведенного им окна.

Изображения товаров в каталоге и на карточках даже при увеличении масштаба за границы своего окна не вылезают, эта проблема только с изображениями категорий.

#2 Firefly

Firefly

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

  • Модераторы
  • 3 810 сообщений

Отправлено 17 Декабрь 2015 - 20:36

Просмотр сообщенияcustomer8765 (17 Декабрь 2015 - 18:56) писал:

Пример:
http://narasprodage....ya-doma-i-dachi

Увеличиваем масштаб в браузере: CTRL+
При этом браузерах IE и Firefox изображения категорий вылезают за границу отведенного им окна.

Изображения товаров в каталоге и на карточках даже при увеличении масштаба за границы своего окна не вылезают, эта проблема только с изображениями категорий.

Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
/******************************************************************************
  Фиксы для браузеров
*******************************************************************************/

Замените на:
/******************************************************************************
  Фиксы для браузеров
*******************************************************************************/
.Firefox .categories .item .image img {width:100%;}
.IE .categories .item .image img {width:100%;}


#3 customer8765

customer8765

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

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

Отправлено 17 Декабрь 2015 - 20:43

Просмотр сообщенияFirefly (17 Декабрь 2015 - 20:36) писал:

Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
/******************************************************************************
Фиксы для браузеров
*******************************************************************************/

Замените на:
/******************************************************************************
Фиксы для браузеров
*******************************************************************************/
.Firefox .categories .item .image img {width:100%;}
.IE .categories .item .image img {width:100%;}

Спасибо, вроде работает. А то предыдущий оратор сказал, что это не лечится, но я ему почему-то не поверил и переспросил )))

#4 customer8765

customer8765

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

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

Отправлено 18 Декабрь 2015 - 17:34

Просмотр сообщенияFirefly (17 Декабрь 2015 - 20:36) писал:

Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
/******************************************************************************
Фиксы для браузеров
*******************************************************************************/

Замените на:
/******************************************************************************
Фиксы для браузеров
*******************************************************************************/
.Firefox .categories .item .image img {width:100%;}
.IE .categories .item .image img {width:100%;}

Возможно, я придираюсь, но при масштабе в браузере меньше 100% изображения теперь растягиваются по горизонтали.

#5 Юля123

Юля123

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

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

Отправлено 18 Декабрь 2015 - 18:22

Просмотр сообщенияcustomer8765 (18 Декабрь 2015 - 17:34) писал:

Возможно, я придираюсь, но при масштабе в браузере меньше 100% изображения теперь растягиваются по горизонтали.


Попробуйте очистить кеш, и если это не поможет, пришлите пожалуйста скриншот.

#6 customer8765

customer8765

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

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

Отправлено 19 Декабрь 2015 - 01:32

Не помогло.
Вот скришноты при 100% и 90%

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

  • 100.jpg
  • 90.jpg


#7 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 19 Декабрь 2015 - 01:46

Попробуйте
.Firefox .categories .item .image img {width:100%;}
.IE .categories .item .image img {width:100%;}

заменить на:
.Firefox .categories .item .image img {width:100%; height:auto;}
.IE .categories .item .image img {width:100%; height:auto;}


#8 customer8765

customer8765

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

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

Отправлено 19 Декабрь 2015 - 01:59

Просмотр сообщенияVaccina (19 Декабрь 2015 - 01:46) писал:

Попробуйте
.Firefox .categories .item .image img {width:100%;}
.IE .categories .item .image img {width:100%;}

заменить на:
.Firefox .categories .item .image img {width:100%; height:auto;}
.IE .categories .item .image img {width:100%; height:auto;}

Не помогло.

#9 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 19 Декабрь 2015 - 05:42

К сожалению, не удалось воспроизвести ошибку, попробуйте почистить кэш, также сообщите пожалуйста, каким браузером вы пользуетесь.

#10 customer8765

customer8765

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

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

Отправлено 19 Декабрь 2015 - 16:03

Просмотр сообщенияVaccina (19 Декабрь 2015 - 05:42) писал:

К сожалению, не удалось воспроизвести ошибку, попробуйте почистить кэш, также сообщите пожалуйста, каким браузером вы пользуетесь.

Браузеры IE 11 и Firefox 42.0, я писал еще в начале темы.
Зайдите сюда, например,
http://narasprodage....naya-orgtehnika
При любом масштабе от 100% и ниже изображения категорий растянутые, как на скриншоте.

#11 MikDark

MikDark

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

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

Отправлено 19 Декабрь 2015 - 16:14

Просмотр сообщенияcustomer8765 (19 Декабрь 2015 - 16:03) писал:

Браузеры IE 11 и Firefox 42.0, я писал еще в начале темы.
Зайдите сюда, например,
http://narasprodage....naya-orgtehnika
При любом масштабе от 100% и ниже изображения категорий растянутые, как на скриншоте.

В шаблоне main.css попробуйте удалить код:
.Firefox .categories .item .image img {
	width: 100%;
	height: auto;
}

это должно помочь

#12 customer8765

customer8765

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

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

Отправлено 19 Декабрь 2015 - 16:32

Просмотр сообщенияMikDark (19 Декабрь 2015 - 16:14) писал:

В шаблоне main.css попробуйте удалить код:
.Firefox .categories .item .image img {
width: 100%;
height: auto;
}

это должно помочь

Как это может помочь, если этот код я добавлял  для решения другой проблемы по вашим же рекомендациям в начале темы?
Тогда эта проблема опять появится.




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

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