Очень часто возникает необходимость выровнять DIV-блок по центру по ширине или одновременно по ширине и высоте. Можно найти много разных вариантов, но почти все они не кроссбраузерные. Я предлагаю вам действительно кроссбраузерный способ выравнивания DIV-блока по ширине и по высоте, который будет работать под IE6+, Firfex 2+, Safari 3+ и Chrome. Наверняка будет работать где-нибудь еще, но мне нечем проверить.

Итак, берем пример, который покажет нам, как выровнять DIV-блок по центру по высоте и по ширине:
#ID_NAME {
position: absolute;
top: 50%;
left: 50%;
width: Xpx;
height: Ypx;
margin-left: -(X/2)px;
margin-top: -(Y/2)px;
}

где X и Y - ширина и высота DIV-блока. Т.е. если у вас width 600px, то в margin-left вы должны написать -300px.

Единственный и весьма существенный недостаток — необходимо заранее знать размеры блока.

Производственный календарь на 2011 год - все рабочие дни и праздники