Табличный или «дивный» дизайн?

Занимаясь написанием html – кода (вёрсткой) своего первого сайта, я столкнулся с одной проблемой, о которой хочу написать в этой статье. Кстати, как выяснилось потом, эта проблема «общеинтернетовского» масштаба. Для начала небольшая справка для тех, кто пока не совсем в курсе.
----------------------------------------------------------------------------------
Табличный дизайн – это дизайн страницы, основанный на теге -table- языка HTML. А так называемый дивный, он же блочный дизайн строится на теге -div- того же языка + CSS. Существуют так же смешанный дизайн, где используются оба тега.
---------------------------------------------------------------------------------

Теперь всё по порядку. Итак, нарисовав сайт в фотошопе, я принялся верстать страницу с мыслями, что в конечном результате у меня будет дивный, резиновый сайт.
Почему дивный – много раз слышал о том, что на таблицах сейчас не верстают, что таблица уже – вчерашний день, а
-div- - это модно, круто, а главное более функционально. Порывшись в Интернете, пришёл к выводу, что у каждого способа существуют свои плюсы и свои минусы, но решил сделать непременно дивный резиновый дизайн.
---------------------------------------------------------------------
Ещё одна справочка. Резиновый дизайн – это когда содержание страницы сжимается и растягивается в зависимости от ширины окна браузера. Загрузите любую страницу, возьмитесь за край окна и измените ширину, если содержание сжимается (растягивается), значит дизайн резиновый. Резиновый или жёсткий – тоже вопрос, но об этом потом.
----------------------------------------------------------------------

Потратив больше пол месяца на изучение HTML и CSS, приступил к делу. Проблема в том, что разные браузеры, такие, как Opera, Internet Explorer, Mozilla Firefox при использовании
и CSS отображают страницы по-разному. Разработчики никак не могут договориться между собой – беспредел!!!
Затратив кучу времени, все-таки создал то, что хотел, но только на 99%, везде всё нормально, только Explorer при сжатии страницы в одном месте (практически незаметно, но…) всё-таки портачил. В результате пришлось переделывать на дивный жёсткий дизайн и всё-таки хотелось сделать резиновый.
С таблицами же проблем не возникло. Осталось только выбрать какой шаблон, оставить, какой лучше. Поэтому решил провести небольшое исследование на тему «Табличный или блочный».
Сделал я это так: скачал с Интернета по 35 первых страниц в выдаче по ключевому слову «веб-дизайн» и проанализировал их. Получились вот такие результаты в гугле: Из 35 страниц 18 – табличных дизайнов, 9 – дивных дизайнов и 8 – смешанных.










В гугле: Р- резиновый, Ж – жёсткий.


То же самое проделал в яндексе.











Яндекс

Вывод: табличных сайтов больше, причем среди них больше с ре
зиновым дизайном.
Причин этого явления я изучать не стал, просто есть предположения.
  1. На таблицах верстают уже давно, есть много мастеров, знающих, как это делать, а на дивах примерно 3-5 лет.
  2. На таблицах верстать легче, чем на дивах, верстают все, кому не лень (первую свою ужасную страницу я написал после 2-х часов изучения HTML по учебнику) и на таблицах можно написать страницу любой структуры и сложности.
  3. Возможно (но вряд ли), поисковики относятся к дивным, хуже, чем табличным страницам, хотя я сто раз слышал обратное. Во многих форумах приверженцы дивов доказывают, что блочный дизайн «рулит» и что те, кто пишет в таблицах, просто «чайники», не умеют писать и не владеют в полной мере HTML и CSS (типа меня), при чём, некоторые говорят это практически, не стесняясь в выражениях.
Я очень удивился, когда узнал, что между приверженцами таблиц и дивов идёт настоящая война с почти «религиозным» фанатизмом, особенно агрессивны поклонники div-ов.
Создан даже манифест, с целью примирения сторон.
Основной лозунг манифеста - "Да верстайте вы в чем хотите!", я в свою очередь полностью согласен с этим документом, и собираюсь в будущем научиться хорошо верстать как на таблицах, так и на дивах.

А сейчас со спокойной душой доделываю табличный шаблон своей страницы. Пускай мой первый сайт будет с табличным дизайном!