Форум Сайтостроение Веб-строительство

Позиционирование-выравнивание блоков в CSS

SeVlad
На сайте с 03.11.2008
Offline
1609
SeVlad
1459

Коллеги, помогите, плз, выровнять такую кашу:

Ну что бы блоки товаров были одинаковыми по высоте, что бы кнопочки ровненько.

У меня получилось только блок с названием уровнять и то почти костыльно, а с остальным что-то не вкурю.

Вот пациент. Не пугайтесь - в css дофига всего. :crazy:

Где-как поправить?

Делаю хорошие сайты хорошим людям. Предпочтение коммерческим направлениям. Связь со мной через http://wp.me/P3YHjQ-3.
A
На сайте с 15.01.2005
Offline
186
apigon
#1

фиксировать высоту контейнера для карточки товара

добавить построчный див и уже в нем выравнивать по верху

или на хабре

http://habrahabr.ru/post/117109/

и еже один рецепт

http://habrahabr.ru/post/75905/

горящие туры (http://www.saletur.ru)
R
На сайте с 20.02.2015
Offline
59
rereg
#2

Убрать явное определение позиции блока в контейнере: left,top и absolute

и указать минимальную или фиксированную высоту блока min-height|height 


<div style="position: absolute; left: 0px; top: 293px;" class="tcol-md-3 tcol-sm-4 tcol-xs-6 tcol-ss-12 kad_product">

на

<div style="min-height:400px;" class="tcol-md-3 tcol-sm-4 tcol-xs-6 tcol-ss-12 kad_product">

Должно сработать.

GET RICH
На сайте с 13.04.2014
Offline
39
GET RICH
#3

Могут быть нюансы, связанные с длиной названий товаров. Где-то хватит 2-х строк как на скрине, где-то может оказаться 5. Имеет смысл прилично оформить text-overflow

vlad00777
На сайте с 24.12.2009
Offline
119
vlad00777
#4

http://brm.io/jquery-match-height/ Такое подойдет решение? А кнопку купить, абсолютом к низу прижать.

Верстка. Качественно! Адаптивная, резиновая, с параллаксом и прочими плюшками. В ЛС.

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