Почему разнообразие в оболочке DIVs?

Question

Я часто проверяю сайты, используя firebug, и замечаю довольно много сложностей в том, как разработчики обертывают свой контент. Особенно это касается выровненных по центру макетов:

В самом простом конце находятся такие сайты, как 99designs.com , которые просто применяют margin: 0 auto к элементу body.

Body -> Header/Content/...

Далее по шкале - большинство других сайтов, основным примером которых является stackoverflow. На этих сайтах есть некоторый основной контейнер , в котором, например, находится заголовок и контент

Body -> Container -> Header/Content/...

Кроме того, есть сайты, которые имеют несколько оболочек. Обычно существует большая внешняя оболочка, которая занимает всю страницу точно так же, как body, и внутри нее они имеют центральный контейнер, как в примере выше.

Body -> Wrapper -> Container -> Header/Content/...

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

Итак, мой вопрос: почему не все делают это самым простым способом, например, в 99designs. Это для того, чтобы управлять их стилем, обрабатывать ie6 или как?

Есть мысли?

Answer 1

Потому что ни один дизайн не подходит для всех приложений.

Разработчики собираются пойти с тем, что им удобно и что работает. Если я смогу сделать свою страницу за два дня, используя то, что знаю (и заставить ее работать в кросс-браузерной среде), то я не собираюсь тратить свое время (и деньги моего клиента), пытаясь сделать что-то 99designs.com и занимает неделю.

Answer 2

Причина, по которой вы можете найти дополнительные DIVS, такие как обертка и контейнер, и тому подобное, связана с CSS. Блочная модель CSS является мощной, но для достижения определенных макетов иногда требуются дополнительные блоки для работы. Все это очень субъективно, и вы не можете предопределить, какие элементы div вам понадобятся для дизайна сайта, пока вы не сядете за его создание. Не существует единственного или правильного способа использовать div в дизайне сайта. Чем сложнее визуально, тем сложнее разметка. Как правило, вы хотите, чтобы все было как можно проще ... но вы не можете просто сделать вещи абсолютно простыми только потому, что.