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

[royz]

Приветствую, есть такая задача
на морде выводяться тумбы дефолтным тегом, к примеру

Code: Select all

<!--default_1-100-->

Страницу сделал "резиновой"

Code: Select all

.all {min-width: 900px; max-width: 1800px; margin:0 auto; padding: 0;}

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

[Vollen]

Самое оптимальное- выводить 120 тумб. Под большинсво разрешений экрана подходит. Но не под все)

[royz]

да дело в том что оптимального значения для переменной ширины экрана нет =), оно должно быть тоже переменным - простая математика:
ширина экрана у дрона к примеру 1024х768, при ширине тумбы 145px колонок с тумбами будет к примеру 7
а если ширина экрана 1920 то колонок примерно будет 13, и имея значения к примеру в 120 тумб на страницу всеравно последний ряд условной таблицы будет заполнен не до конца =) вот такая дилема

[Vollen]

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

[admin]

+1 к отступам
Добавить в стили что если разрешение такое-то , то добавить спейсинг например

[royz]

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

Ты меня немного не понял=) в первом посте я написал что верстка резиновая, количество столбов в таблице изменяеться от ширины экрана. Условно если ты браузер с узиш к примеру на 20 см по ширине то тебе выведеться 3 тумбы по ширине, если на 40 см, то 6 тумб по ширине и тд и тп. сотступами и всеми делами =)

[Vollen]

Я тебя как раз понял, у меня у самого резиновый дизайн, вот я тебе про свою ситуацию рассказал, я для себя нашел оптимальное решение) я исходил из самых популярных разрашений экрана, а так у меня и в одну строку на мобиле все тумбы выводит)

[admin]

Еще как вариант на JS

Условно

$(function() {
if ($(this).width() .. ) {
и подправляем спейсинг в азвисимости от разрешения
} else {
а тут под другой размер
те любой алгоритм можно прямо на js вписать
}
});

[royz]

всем спасибо, теперь разобрался

[admin]

Отлично )