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

Пляшут блоки как поправить?

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

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

Зарание всем спасибо.

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


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

ага, на таблицы переделать

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

как вариант - не показывать их границ. тогда не так заметно

 

приложу ссылку о выравнивании блоков до одной высоты, так как сам этим вопросом задавался:

http://habrahabr.ru/post/64173/

в комментариях как обычно можно узнать больше, чем из самой статьи

но как видно - варианты не подходят к нашему

 

ну или если кто-то нашел решение, показывайте ;)

 

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

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

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


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

там вся грабля в том что кнопка КУПИТЬ скачет мама не горюй.

ага, на таблицы переделать

высоту блоков едва ли возможно уровнять. как вариант - не показывать их границ. тогда не так заметно

 

приложу ссылку, так как сам этим вопросом задавался:

http://habrahabr.ru/post/64173/

в комментариях как обычно можно узнать больше, чем из самой статьи

 

ну или если кто-то нашел решение, показывайте ;)

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


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

Возможно я слишком обширно выразился

Я знаю что и как там скачет :) Кнопка "купить" скачет вверх вслед за блоком с картинкой, ценой, рейтингом.. после неё блок товара заканчивается.

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

 

Решения для резиновой вёрстки я не нашел (кроме варианта переверстать всё на таблицах)

Если ширина макета у вас статичная, то можно попробовать выводить товары по 3-5 (или сколько у вас в одной строке умещается) группируя их в отдельный div, тогда выравнивать высоту можно будет по нему. Должно сработать

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


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

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

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

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

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

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

Войти

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

Войти

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

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

×

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

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