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

Question

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

I.e. Как мне сделать презентацию, если бы я заменил таблицы html, которые я использовал ранее?

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

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

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

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

Answer 1

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

1. Div является более гибким и потребляют меньше времени, чтобы быть загружены на компьютер клиентов
2. Большинство Поддержка браузера ДИВ
3. т.д.

Вот хорошая статья: Throwing tables out the window

Answer 2

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

Answer 3

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

Answer 4

Я не думаю, что вам следует.

«Таблицы приведены для табличных данных».

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

Но здесь является возможным решением, если вы не хотите, этот совет:

http://www.dev-archive.net/articles/table-in-css.html

Answer 5

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

Answer 6

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

http://www.blueprintcss.org/