Резиновая верстка быстро и просто

Наконец-то мы открыли наш мини-онлайн-сервис для быстрого создания двух- и трехколоночных резиновых макетов. Сервис будет лучшим другом и незаменимым помощником как начинающим, так и опытным верстальщикам.

Сервис позволяет создавать HTML+CSS резиновые макеты, в которых колонки могут быть как фиксировановами, так и растягивающимися. При этому число колонок может быть от одной до трех. Важно, что сервис выдает максимально простой код, как HTML, так и CSS. Кроссбраузерность также соблюдена: решение работает во всех современных браузерах, включая даже IE6 и IE7. Полученный код проходит как HTML, так и CSS-валидацию.

Сервис предоставляет возможность получить html-код для быстрой вставки на ваш сайт. Как уже было сказано, структура кода предельно простая, и в самом «большом» варианте выдает всего 16 строк кода. При этом важной особенностью решения является то, что при необходимости можно создать универсальное решение, позволяющее на одной странице в зависимости от разных условий выводить разное количество колонок разных типов и различной ширины. Причем всего этого можно добиться сменой одного класса (при этом потребуется дописать CSS-код).

Решение используется уже более трех лет и было применено не на одной сотне сайтов.

Немаловажно, что данное решение можно использовать и для создания фиксированных макетов. Для этого просто «оберните» всю полученную конструкцию в блок с заданной шириной. Можно использовать не только для разбивки страницы на колонки, но и для разбивки элементов страниц на колонки (напр., в шапке сайта, баннере, и др). На одной странице можно использовать неограниченное количество конструкций, для этого нужно CSS-идентификаторы заменить на классы, как в HTML-код, так и в CSS-коде.


Добавлено: в генерируемый CSS добавлено свойство min-height:1px, запрещающее блокам «схлопываться» по высоте.


Автор: Денис Сон
Дата публикации: 27.06.2013
Просмотров: 2137


Статья Вам помогла? Вы можете поблагодарить нас!

Комментарии

Иван
20.11.2017 21:07:34
Спасибо, пригодилось
Нина
24.05.2017 19:13:10
Не знала, что такой способ верстки может так легко создаваться! Спасибо большое авторам этого блога! Статей немного, но они очень интересные!
Сергей С.
16.12.2015 19:54:06
Блин, круто, ребят! Спасибо, выручили!!!
Саня
03.03.2015 09:43:38
Пригодилось, респект!
Даже не знал, что бывает такие сервисы.
Сергей Колков
11.10.2014 05:40:17
Спасибо автору за полезную вещь! Пригодилось.





По всем вопросам обращайтесь по нашим контактным данным:

Наверх