Перейти к содержанию

Рекомендуемые сообщения

Друзья, подскажите, что делать!

Всё излазил, ничего не понимаю. Всегда одинаково отображаются товары в поиске, но не в ровные колонки.

 

jib,rf.png

 

 

http://vunderkind18.ru  сайт, вдруг кому то нужно будет

Изменено пользователем ivansopin

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


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

здесь обсуждалось

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


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

Похоже, там причина другая.

Возьмем такую страницу

http://vunderkind18.ru/index.php?route=product/search&search=велосипед

видим вот что

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

5972f9bc1190f_.thumb.jpg.4371d466c7386765003753ec7a2e985d.jpg

Блок съезжает из-за назначенного ему стиля clear: left;

Там вообще получается накладка из двух способов формирования сетки класса clearfix у разделительных блоков и стиля clear: left; у карточек переноса строки. 

Дело в том, что блоки div.clearfix тоже считаются в псевдоклассе :nth-child(4n+1)

На поверхности лежит решение- убрать из разметки div.clearfix

В этом случае не будет работать выравнивание следующего ряда по верхней кромке и возможно западание карточек товара за карточки верхнего ряда ( как раз такая проблема описана по ссылке вверху)

Отмена стиля clear:left тоже вызывает определенные негативные эффекты.

Из-за массовых float:left там куча всего вышло из потока и первая карточка товара цепляется за содержимое предыдущего блока.

Вроде неплохо сработало изменение класса

#content .col-lg-3:nth-child(1) ( это кажется готовым рабочим решением, но надо будет внести правки во все аналогичные стили)

вместо #content .col-lg-3:nth-child(4n+1)

Проверять на всех разрешениях и для всех сеток сейчас не могу.

Но, надеюсь, идеи понятны.

Что-то типа этого, но для всех медиазапросов:

stylesheet.css:694

 

@media (min-width: 1200px){

  #content .col-lg-2:nth-child(1),

  #content .col-lg-2:nth-child(1),

  #content .col-lg-3:nth-child(1),

   #content .col-lg-4:nth-child(1),

  #content .col-lg-6:nth-child(1) {

     clear: left;

  }

}

 

 

 

Изменено пользователем jaffagold

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


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

Спасибо, теперь всё хорошо. На чём это может еще сказаться? Если честно вообще не понимаю эту структуру )))

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


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

Для публикации сообщений создайте учётную запись или авторизуйтесь

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

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.