Центрирования по осям X и Y

[rookie]

Есть HTML:

<div id="wrapper">
  <div id="cell">
    <div class="content">
	Content goes here
    </div>
  </div>
</div>

Задача: расположить div.content аккурат по центру окна браузера, при этом, у блока неизвестны width и height

Решение №1:

#wrapper {
  display: table;
}
#cell {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.content {
  display: inline-block;
}

Вопрос: как можно добиться аналогичного результата без использования display: table/table-cell и JS?

Edited June 12, 2011 by rookie

[psywalker]

Для ИЕ используй экпрешан.

[rookie]

Для ИЕ используй экпрешан.

А если без JS? И можно даже забыть про поддержку старых ослов. Я слышал что можно добиться поставленной задачи через относительное позиционирование, только я пока смог решить задачу наполовину таким способом:

#cell {
  position: relative;
  display: inline-block;
  left: 50%;
}

.content {
  position: relative;
  right: 50%;
  display: inline-block;
}

Как я уже говорил выше, так можно решить задачу наполовину, т.е. - центрировать блок по горизонтали. А как сделать то же самое но по-вертикали, придерживаясь условий задачи(не задавая размеров и не используя JS)?

[psywalker]

http://forum.htmlbook.ru/index.php?showtopic=19320

[rookie]

Спасибо. Кое-что для себя прояснил

[psywalker]

Спасибо. Кое-что для себя прояснил

Вот и отличненько.