Создание правильных макетов (табличных) с помощью CSS

Question

Как правильно создать макеты с помощью CSS?

Т.е. как мне сделать презентацию, если я должен был заменить HTML-таблицы, которые я использовал ранее?

С <tables> все секции и разные области были выровнены и правильно показаны (по крайней мере, с моей точки зрения). Если одним из значений ячейки является столбец, который нужно увеличить, он будет динамически увеличивать размер столбца, и данные в следующем столбце будут выдвигаться для учета увеличения.
Все это было удобно с таблицами, и как разработчик я никогда не задумывался об этом, пока не решил покончить с таблицами.

Вопрос в том, что , нам нужно сделать макеты во многом как способ представления табличных данных в таблицах. Аккуратно выровненный и подобный табличному (я не знаю, я пропустил много ключевых глаголов и прилагательных, чтобы выразить мое намерение. Но я понимаю, вы поняли) Как мне добиться этого с помощью чистого CSS?

Можете ли вы указать идеальный пример или указать свойства, на которые я должен смотреть?

Редактировать: Я не пытаюсь отобразить табличные данные. Я просто чувствую, что презентация несколько табличная (скажем, на домашней странице Yahoo)

Answer 1

Таблицы не всегда злые. Если ваши данные выглядят в виде таблицы, используйте таблицу!

Answer 2

Вы можете рассмотреть возможность использования CSS-фреймворка, например, хорошо документированного и полезного Blueprint .

Answer 3

Взгляните на CSS-концепцию Blueprint, она быстро позволяет вам размещать данные в столбцах и ячейках, так что таблицы имеют структуру Большое преимущество, если CSS-платформа Blueprint состоит в том, что она проста в реализации и работает перекрестно.

http://www.blueprintcss.org/

Answer 4

Не думаю, что вы должны.

"Таблицы для табличных данных."

Поэтому, пожалуйста, используйте таблицы!

Но вот возможное решение, если вам не нужен этот совет:

http://www.dev -archive.net / статьи / стол-в-css.html

Answer 5

Ну, если вы представляете табличные данные, то вам следует использовать таблицу - для этого она и предназначена.

Answer 6

Ну, на самом деле большинство разработчиков сейчас используют DIV стилизованные страницы, и вы можете найти различные макеты здесь: Создать свой собственный макет .

1. Div более гибок и требует меньше времени для загрузки на клиентский компьютер
2. Большинство браузеров поддерживают DIV
3. и т.д.

Вот хорошая статья: Выбрасывание таблиц в окно