Лучшие практики для кодирования веб-сайта на основе модулей?

#html #css #css-float

#HTML #css #css-float

Вопрос:

У меня есть веб-сайт, который состоит из заголовка, содержимого и нижнего колонтитула. Раздел содержимого разбит на две колонки. (на данный момент) В этих столбцах указаны модули. Модули могут быть разной высоты и разной ширины. Клиент хотел бы, чтобы модули были разной высоты и ширины по своему усмотрению, а затем смешивались и подбирались, чтобы выглядеть наилучшим образом. Какой был бы идеальный способ кодирования этого? Создать кучу контейнеров разной ширины и перемещать их влево? Затем клиент может выбрать подходящий контейнер?

Должен работать во всех браузерах, включая IE7

Комментарии:

1. Когда вы говорите «смешанный и сопоставленный», вы имеете в виду какую-то функцию перетаскивания на стороне клиента? Или смешанный и сопоставленный по электронной почте, чтобы вы реорганизовали домашнюю страницу, чтобы модули X, Y и Z были организованы определенным образом? Кроме того, какова была бы альтернатива «контейнерам разной ширины, перемещенным влево»? Таблицы? Если я чего-то не упускаю, кажется, что задавший вопрос уже ответил.

Ответ №1:

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

Вы можете найти несколько примеров на http://www.gridsystemgenerator.com