Сбрасываются стили на сайте

AI
На сайте с 23.05.2019
Offline
3
395

Добрый день!

Просьба помочь в чём проблема. Сайт https://x-fit.com.ua/product-category/fitnes-oborudovanie/

На странице при скролинге (изменении разрешения экрана) прыгают блоки с товаром, миниатюры.

Не могу понять в чём причина и где это исправить.

lonelywoolf
На сайте с 23.12.2013
Offline
151
#1

У меня такого не наблюдается в браузере. Это первое. А второе... Каким богом ваша тема к администрированию серверов?

Платный и бесплатный хостинг с защитой от DDoS (http://aquinas.su)
AI
На сайте с 23.05.2019
Offline
3
#2

Прошу прощения. Просьба перенести в "Веб-строительство"

Попробуйте изменить разрешение с 90% на 100%

png 186085.png
ME
На сайте с 03.07.2017
Offline
66
#3
AntonIvanov13:
Прошу прощения. Просьба перенести в "Веб-строительство"
Попробуйте изменить разрешение с 90% на 100%

Поиграйтесь с min-height в блоках карточек. Однозначно проблема в том, что цифры в скобках переносятся на новую строку

Например в стилях .woocommerce ul.products li.product.product-category .container-inner указав min-height: 265px; сдвиг пропадает.

S
На сайте с 30.09.2016
Offline
469
#4

Да, так и есть. Стиль у блоков float: left - а в этом случае должна быть одинаковая высота, иначе они спотыкаются о неровности при всплывании.

Отпилю лишнее, прикручу нужное, выправлю кривое. Вытравлю вредителей.
AI
На сайте с 23.05.2019
Offline
3
#5

Спасибо, всё верно. В этом и были проблемы

D.iK.iJ
На сайте с 26.05.2013
Offline
239
#6
AntonIvanov13:
Спасибо, всё верно. В этом и были проблемы

Проблема в том, что если использовать inline-block, то такой проблемы не будет. Даже при блоках разной высоты.

Ну, это так. Может пригодиться.

Адаптивный дизайн в 2 строчки ( https://dikij.com/wm/adaptaciya-saytov.php ). + Принимаю заказы любой сложности ( https://searchengines.guru/ru/forum/926323 ). 💎 Еще я делаю классные кулоны с опалами ( https://mosaicopal.ru/ ).
S
На сайте с 30.09.2016
Offline
469
#7
DiKiJ:
если использовать inline-block, то такой проблемы не будет

Будут другие проблемы. Решать надо для каждого случая конкретно.

D.iK.iJ
На сайте с 26.05.2013
Offline
239
#8
Sitealert:
Будут другие проблемы. Решать надо для каждого случая конкретно.

Да, поэтому и написал, что "может пригодиться". В принципе, в большинстве члучаев (и уже с min-height) будет нормально работать. Там досаждает только пробел между блоками. Но и с ним можно справиться.

S
На сайте с 30.09.2016
Offline
469
#9
DiKiJ:
Там досаждает только пробел между блоками.

Да, пробел - основная засада. И ещё вертикальное выравнивание, если про него забудешь - может вылезти где не надо.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий