Чтобы выровнять элемент точно по центру родительского элемента (родительским считается ближайший родитель с position relative или absolute)
Код:
|
#mydiv {
position: absolute;
width: 100px;
height: 100px;
top: 50%;
left: 50%;
margin-top: -50px; /* половина высоты */
margin-left: -50px; /* половина ширины */
} |
Побочный эффект: при отсутствии достаточного места будет видна середина элемента, хотя обычно предполагается левый верхний край.