Аспекты позиционирования

[Hell&Heaven™]

меня интересуют все моменты выравнивания по центру внутреннего элемента:

например <div class="one"><div class="two"> </div> </div>, пусть размеры у них заданы явно сразу 500 х 500 px для внешнего и 200 х 200 px для внутреннего.

я знаю следующие способы:

1. установить внутреннему стиль margin:0 auto; //внутренний встанет по центру горизонтальному

2. используя для внешнего позицию relative и для внутреннего absolute с указанием стиля left:50% top:50% и минус margin'ы равные половине длины и ширины соответственно //внутренний элемент встанет по центру веб страницы как вертикально так и горизонтально.

3. установить html атрибут align для внешнего элемента // внутренний элемент встанет по горизонтальному центру

4. способ выравнивания через таблицу, в ячейке align и valign работают как и хочется, в отличии от мутных стилевых атрибутов. Но таблицу лишний раз ради выравнивания по вертикали как то не охота рисовать.

для меня странно что: стилевые атрибуты align и vertical-align к которым у меня всегда тянутся руки не действуют на элементы, а только на текст.

для вертикального выравнивания я вообще не вижу способа кроме использования absolute позиционирования.

В общем есть еще какие либо способы оптимальные? По сути для верстки я считаю главное это научиться правильно и оптимально позиционировать, поэтому кто что знает по этому поводу выкладывайте.

[IIAIIIA]

Илья Кантор все подробно расписал.

[Hell&Heaven™]

Вещь, спасибо тема клозед)