Views (Grid)

Аватар пользователя KrisXY

Прощу прощения, очень нужно сделать "тягучий сайт", но столкнулся с проблемой, на вьюхе 5 колонок, на разрешение Fullhd (1920x1080) идеально все отображает, где то до 1400х1000 вроде норм, все пропорцыонально уменьшается, но слижком маленнькая сетка не может быть (картинка как минимум по 100px должна быть).

На планшетах и дисплеях с маленьким разрешением не читабельно смотрится (горизонтальная прокрутка:( ), а про телефоны я молчу.

Так вот, как сделать что бы при разрешении от 1400px допустим по 1920px в шырину, было 5 колонок
от 1000 до 1400 - 4 колнки
и так далее, заканчивая очень мелким разрешением в 1 колонку...

Модули и темы:
Тип материала:
Версия Drupal:
0 Thanks

Комментарии

Аватар пользователя tolykot
tolykot 6 лет назад

А если выводить в один столбик, и цсс-ом назначить элементу сетки float: left;?

Аватар пользователя KrisXY
KrisXY 6 лет назад

Не помогает:( так и будет, 1 столбик выровнен по левому краю(

Аватар пользователя KrisXY
KrisXY 3 года назад

Не принципиально, но при помощи CSS незнаю или получится...

Вот что и имел введу (делал в фотошопе, последовотельность новостей не соблюдается):

Аватар пользователя KrisXY
KrisXY 6 лет назад

С CSS проблем нету..
Просто у меня на двиге webkit значения (min, max) работают коректно, но в опере и мозиле что то не то:(
Хотя спасибо за совет, я так понял что нужно делать без таблиц и сетки, а в unformatted list к примеру!? Блин огромнейшае спасибо, отличное решение;)

Аватар пользователя KrisXY
KrisXY 6 лет назад

Спасибо!!)))
небольшой моментик, я задал в значение float: left; И родителю тоже в прописал margin: 0 auto; (уже через firebag везде сунул это значение) не хочет выравниватся:( Есть особый display в CSS, или нужно использовать другой метод выравнивания по центру?)

Сделал так: заменил float: left; на display: inline-block;. Родителю назначил text-align: center;. Результат немножко не тот, но все же по центру