Неочевидности XHTML

[mouse-k]

Вот-вот, сама сталкивалась с этой проблемой, и поначалу приходилось решать её довольно корявым способом — отказываясь от спецификации XHTML, и ставить в качестве DOCTYPE старый добрый HTML 4.01. Только сравнительно недавно поборола эту неприятность [ай-яй-яй, подглядела код CSS на страничке diary.php ]. А буквально сейчас нашла ещё одну статью в подтверждение решения неудобства:

Неочевидности XHTML

Итак, коротко о задаче: как установить 100% высоты и отцентрировать таблицу.
Так же коротко о выходе из проблемы:
1. Прописываем для body и html свойство height в 100%:

<style type="text/css">
      body { height: 100%; margin: 0 0 0 0; }
      html { height: 100%; margin: 0 0 0 0; }
</style>

2. Устанавливаем для таблицы свойства margin-left и margin-right в значение auto (разумеется, здесь имя класса centered придано таблице в качестве примера):

<style type="text/css">
      table.centered {
              margin-left: auto; 
              margin-right: auto;
      }
</style>