Центрирование div с абсолютным позиционированием

Question

Я знаю, что, вероятно, об этом спрашивали миллион раз, но как мне отцентрировать div, который имеет абсолютное позиционирование?

Я пробовал это, а оно не центрирует.

Выможете посмотреть сайт здесь пароль: springy88

#logo{ position:absolute; width:243px; left: 50%; margin-left: 121.5px; }

Answer 1

Центрирование div очень легко, если вы знаете ширину и высоту div. Предполагая, что ваш div имеет 100width и 100 Height

div {
    position:absolute;
    left:50%;
    top;50%;
    margin-left:-50px;
    margin-top:-50px;
}

если вы не уверены в размерах, то, вероятно, вы можете использовать метод jquery.

Answer 2

Вам нужно использовать negative margins - margin-left:-121px. Это будет центр логотипа. После этого вам нужно правильно расположить навигацию ...

Answer 3

Вы можете установить значение%, равное половине 50%, то есть: слева: 25% или справа: 25%;При условии, что обертка в два раза больше ширины элемента.

Test Here ..