Вот стало интересно, можно сегодня отказаться от использования тегов table tr td, и сверстать таблицу с помощью div-ов? 
Как например можно сверстать такую таблицу:

скоко не искал, всё не смог наткнуться на нормальный пример. Вроде есть такие вещи как display:table, но что-то я не пойму как ими пользоваться, и работают ли они вообще.

Если вы хотите научиться строить сайты используя div и CSS, то вам полезно посмотреть следующие ссылки:

Модель представления документа в ввиде блоков

и

Модель визуального форматирования

Желаю удачи  

Это сообщение отредактировал(а) griker - 24.11.2006, 20:10

таблицу рекомендую верстать таблицей 

Сегодня - пока еще нельзя. До тех пор, пока IE6, не понимающий display:table, окончательно не будет вытеснен из употребления.

понятно, это я и хотел услышать ) 
ЗЫ: Спасибо за ссылки

А почему нельзя сделать так:

И рулить оформлением таблицы с помощью CSS.
То есть верстать таблицей, а все оформление задавать так:

Может быть, конечно, я не по теме, но таким образом удобно верстать сайт, где есть несколько типов таблиц.
И у каждого типа будет одинаковое оформление.
Очень удобно. Я прав?

Может я, конечно, многого недопонимаю в "модных течениях" вёрстки, но вставлю несколько слов. 

В ситуации, когда таблица используется в качестве "сетки" для позиционирования элементов оформления, это не соответствует смысловому назначению таблицы. С точки зрения семантики это не есть гуд. И в этой ситуации её лучше поменять на другие блочные элементы.

Но если классические "табличные" текстовые данные начинают завёрстывать в div'ы, это, ИМХО, издевательство и над той самой семантикой, к которой мы стремились, и просто над здравым смыслом. 

Главная идея, всё же, не в том, что тэг <table> плохой (и от него нужно отказаться), а тэг <div> хороший (и его нужно воткнуть везде, где только получится). А в том, что их использование должно соответствовать своему смысловому назначению. 

Просто моё ИМХО. Поправьте, если ошибаюсь.

может, оно и так.
просто как я предложил код писать короче и удобнее.
можно сделать <table class="name"> и рулить точно так же.
часто бывает ситуация, когда хочется внутри той или иной таблицы использовать тэг <h1>.
С помощью мой конструкции легко сделать для каждой ситуации свой <h1>.
Поправьте меня пожалуйста, мне интересна эта тема.
Спасибо, удачи!

KonstRuctor,  Вы не поняли. Я не про Вас. А про саму идею завёрстывания табличного текста (в колоки и строки) в бестабличную страницу. Ну получим мы вместо одной <table> матрёшку из трёх-пяти вложенных один-в-один div. Кому от этого станет лучше? Эту тему можно развивать до бесконечности и подвести к тому, что абсолютно валидная (по мнению валидатора) страница может абсолютно не соответствовать стандарту именно из-за своей семантики.

По Вашему замечанию. А разве есть проблема в том, чтобы делать "свой стиль" для каждой ситуации и для каждого <h1>? 
Вариантов ведь куча, как в таблице, так и без неё.

<h1 class="...">
<h1 id="...:>
table h1 {...}
table.first h1 {...}
table#second h1 {...}
table th h1 {...}
table tr td h1 {...}
table tr td.third h1 {...}

Это только то, что тупо вспомнилось "влёт" из повседневной жизни. А есть ещё всякие first-child, :after > и * и т.д. и т.п.

У меня нивкакую не хочет работать <h1 class="name">.
Не знаю, что я перемудлил.......
В CSS-ке описываю H1 как полагается:

Потом делаю два заголовка, один <h1>заголовок</h1>, другой <h1 class="name">заголовок</h1> и оба не отличаются друг от друга.
Скорее всего, я что-то где-то намудрил, поэтому пришлось прибегнуть к помещению таблицы в DIV.
В этом случае заголовки получаются разными.

Самое реальное решение -- table h1 {...}, круто!
Мне нравится.

Напишите вместо

.name{
/* описание стиля */
}

.name, h1.name {
/* описание стиля */
}

чтобы добавить определинию "специфичности"