Главная CSS-верстка

Переходим с TABLE’ичной верстки на DIV’овую

Тема сегодняшнего поста является весьма актуальной как для рядовых веб-мастеров, так и для веб-мастеров с СЕОшным уклоном. Более того, поскольку верстка сайтов с недавнего времени для меня является основным родом деятельности, то это и моя самая любимая тема. О том и поговорим. Поскольку вопросы оптимизации ...

Комментарии (87)

  1. Невский Александр Рашидович
    13 лет 4 месяца назад

    Все проще верстать таблицами, а дивами интереснее, интересно что нам приготовит HTML5

  2. тем кто любит таблицы скажу: «div'овая вёрстка превосходит таблицы по многим параметрам, если у Вас, что-то расползается, не нужно грешить всё на div’ы. В первую очередь нужно иметь достаточно знаний и «прямые» руки. Кстати, div’ы применяются на сайте Консорциума Всемирной Паутины и на перечне других авторитетных сайтов!

    • В точку, согласен с вами, коллега.

    • Штука такая, что на приобретение знаний уходит время (невосполнимый ресурс), и, зачастую, средства. Книжку купить, интернет оплатить. А руки распрямляются от длительной работе на определённом поприще.

      Я тоже программист, и надо понимать, что моё время и средства уходят на реализацию себя этом поприще.

      Поэтому для меня вёрстка таблицами это времясберегающая технология, пусть фарисействующие гуру называют меня недоученным криворучкой. А где нужны нужны современные красоты, я вставлю div

  3. Господа, всем реальное спасибо за мнения! Комменты меня очень просветили и порадовали. Я давно не занимался версткой, но назрел вопрос новой домашней странички, который хотел решить только новомодными технологиями, а именно — исключительно на дивах.
    Прочитав весь тред, я передумал. Попытаюсь делать комбайн с моими любимыми таблицами.
    Таблицы — проще некуда, любое выравнивание, позиционирование; а в дивы втыкаю третий день (4 способа раскладки) и все равно еще не до конца въехал :)
    Интересно, а сайт на одних таблицах (с цсс, конечно) — это совсем вчерашний день? Домашка из 10−20 страничек.

    • Вот пример моего сайта про сноубординг, сверстанного исключительно таблицами, кроме разве некоторых скриптовых слайдеров и прочих извратов. Посещаемость — 2000, по тематическим запросам — процентов 80 на первой странице в гугле и яндексе. А что нам еще для счастья надо.

  4. Такая вёрстка сайта, на мой взгляд, больше нравится ПС. Спасибо.

  5. Да, на div код и кажется проше, но когда я в своем случае строел таблицы — насмучался. Проблема постояно с переносами на новые строки — то они сами сдвигаются то надо подгонять

  6. Мы на бизнес сайтах используем только табличную верстку для нарезки дизайна. Дивы это всегда бессмысленный геморрой. Поисковики прекрасно работают с любой версткой, это 21 век. Вы не сделаете элементарное задание на дивах которое я сверстаю на таблице за 5 минут.

  7. имхо, верстка должна быть комбинированной.
    Допустим менюшку сверстать проще дивами. А сайт на котором выдержана сетка, проще таблицами.
    Тегов прибавится ровно на 2: открыть и закрыть таблицу. Зато, чтобы выровнять это все дивами, вы столько нагородите в ксс, что черт ногу сломит.
    А те, кто достаточно хорошо владеет ксс, затолкает туда и все стили для таблиц. В итоге все сведется к такому виду:
    дли дивов

    <div id="xxx"></div>

    и таблиц

    <td class="xxx"></td>

    Кто сомневается, попробуйте сверстать две строчки с пятью столбцами общей шириной в 800 пикселей с выравниванием в браузере по центру. И в каждую ячейку вставить по картинке, выдержав отступы между ячейками и внутри них в 5 пикселей и отцентрировать картинки в них по вертикали.
    html код в студию (ксс не стОит, ибо div заведомо в проигрыше)
    А ваши баллады с быстротой загрузки страниц — смех да и только.
    Много ли людей, у которых сейчас dial-up?

  8. какой смысл делать дивами когда сайт представляет собой таблицу.
    таблицы и дивы это объекты с разными свойствами, поэтому разговоры о правильности или неправильности той или иной верстки сами по себе неправильны, потому что «правильно» — то что к месту и оптимально реализует решение задачи.