MinakoMino

Съезжает товар в рекомендуемые и новинки

Recommended Posts

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

Скрытый текст

9a2a1e845c458e13cbe329e7c862fd7a-full.jp

 

http://nikitka-family.ru/

 

Картинки, код и логи убирайте под спойлер.

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

1). для начала

Так

#logo {

   width: 1150px; 

}

делать не надо.

И такой детализованный логотип не стоит делать тоже.

Логотип= это ЛОГОТИП.

А картинка на фоне шапки сайта- это картинка на фоне.

Две большие разницы.

2). Блоки карточек товара выстраиваются друг за другом из=за свойства float: left;

После заполнения ряда, следующая карточка проваливается на ряд ниже и скользит в левую сторону.

Если высота блоков в предыдущем ряду разная, то она может не доскользить до начала ряда, а зацепиться за одну из карточек.

Решение:

1).  Использование скрипта, выравнивающего все блоки по высоте.

2).  С помощью стилей задать высоту блоков равную максимальной высоте карточек товаров. Повторить эту процедуру для различных разрешений экрана с медиазапросами.

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Создайте аккаунт или войдите для комментирования

Вы должны быть пользователем, чтобы оставить комментарий

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!

Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.

Войти сейчас

  • Сейчас на странице   0 пользователей

    Нет пользователей, просматривающих эту страницу