Как правильно верстать

Потому что <table> не имеет и 1% функционала CSS.

/thread

Выбор зависит, в основном, от задачи. Если в конкретном случае проще сделать на таблицах, а не делать по 10 вложений дивов, то делайте таблицами.

Дивы удобно, если нужно управлять иерархией блоков.

В большинстве случаев использование таблиц в веб-дизайне не оправдано поскольку код получается более громоздким и менее понятным. Но, как уже было сказано, если в каком-то конкретном случае использование таблицы лучше - то не стоит реализовывать аналог на дивах, который будет МЕНЕЕ понятен и БОЛЕЕ громоздок.

Если под использованием тега DIV имеется в виду позиционирование элементов float-ами или отрицательными маргинами, то лучше уж верстайте таблицами. Для позиционирования блоков используются специально созданные для этого top, left, right, bottom; float же это свойство обтекания блочных элементов (хотя даже на сайте w3c его юзают для позиционирования, т.к. мир сошел с ума), ну а margin это вообще отступ, но никак не позиция. Какой идиот ваще придумал отрицательный марджин? Будьте логичнее, господа.

Всем привет, вот недавно услышал, что забивать гвозди микроскопом не очень хорошо, вопрос почему? почему лучше использовать молоток?? мне вот намного удобнее микроскопом забивать.

fixed

Вёрстка таблицами:

- Большинство браузеров не отображают таблицу пока не получат весь контент который в неё запихан.

- Трудно воспринимаемая вёрстка сложной страницы.

+ Лучше использовать для форм.

+ Лучше использовать для структурированных данных.

+ Резиновый дизайн.

Вёрстка дивами:

- Трудно нормально воспроизвести сложный резиновый дизайн.

- Не всегда корректное отображение плавающих блоков в не самых старых браузерах. Так же есть проблемы с апсолютынм позиционированием.

- Не очень подходит для сложных форм и структурированных данных.

+ С помощью CSS можно хорошо обвесить рюшечками

+ Незапутывающий исходный код документа.

Таблицы нужны для таблиц.

что в таблицах удобнее по сравнению с дивами?

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

Длинная версия: http://www.flownet.com/ron/css-rant.html - там ещё ссылки на пару других статей, рекомендую.

Короткая версия: вёрстка CSS-ом - говно. Делай таблицами.

вёрстка CSS-ом - говно. Делай таблицами.

Старпёры-ниосиляторы одобряют

Таблицами легко верстается резинка, с дивами иногда приходится повозиться

Мадмуазель, это чем, позвольте, труднее «резинку» верстать дивАми? Один раз разобраться с механизмом работы css-свойств float, clear и ладушки

Табличной версткой можно быстро и легко сверстать кроссбраузерный темплейт

Это с какого боку мильён влоденных рябящих тегов table? tbody, tr, td - это легко и быстро?

Мадмуазель, это чем...

Мадам, а не мадмуазель)) По поводу разобраться, соглашусь, а как быть с нестандартными браузерами типа IE 6

Для которого часто приходится писать что-то типа этого

width: expression((documentElement.clientWidth||document.body.clientWidth)<1000?'1000px':");

как быть с нестандартными браузерами типа IE 6

Не откапывать?

а как быть с нестандартными браузерами типа IE 6

Выкинуть каку и вымыть руки

Мадам, а не мадмуазель))

Пардон муа :-))

а как быть с нестандартными браузерами типа IE 6

Так он же давно догорает втопке. А кто юзает пиратку или просто отключает обновления не должны никого волновать. Пусть испытывают дискомфорт от своего уродства.

Как правильно верстать

Не как мудак. Больше ничего сказать не могу на эту тему. Уверен, что этот вопрос ни раз поднимался в соответствующей литературе.

Если в задаче стоит явная таблица (т. е. как минимум 2x2), то ее нужно делать через table. Ну и надо развить в себе чувство быдлокода, и когда надо сказать «стоп, это уже быдлокод, а значит надо попробовать как-нибудь иначе».

Ну и сабж тролло-холиварный, конечно.

а как быть с нестандартными браузерами типа IE 6

это говно закопать в скотомогильнике и залить метровым слоем бетона.

Старпёры-ниосиляторы одобряют

Дело не в старперстве ниасиляторов, а в том, что в w3c или кто там разрабатывает html+css, сидят сплошь безмозглые дубы, по причине непролазной дурости которых тырнеты к нынешнему дню завалены под завязку миллионами костыльных способов сделать сраную верстку в несколько колонок или человеческий футер.

Верстайте табличные данные тегами <table>. Структуру выстраивайте слоями + css. Таблицы плохи тем, что не прогружаются до полной интерпретации. Слои грузятся намного эффективней чем таблицы. Плюс для поисковиков валидная слоёная вёрстка намного кошернее чем табличная...