Как сдвинуть блок с меню в лево?

Question

[Glebzzilla]

lklich.wow-fire.com/news

По выше указанной ссылке вы увидите блок меню смещенный не по центру относительно тела сайта.
Нужно что бы смещение было параллельно самому телу, как на скриншоте со стрелочками.
Буду очень признателен, если разъясните что в css переписывать (ссылку на сайт прилагаю)

Comments

[Moskus]

Вы принципиально не отмечаете ответы, как решения, даже если они вам помогают?

Answer 1

[Moskus]

Ну, у вас это меню ведет себя так, как и должно: вы его (шириной 1108px) вставили в контейнер меньшей ширины (1024px), вот оно от его левого края и начинается.
Соответственно, чтобы поставить его посередине, в стиль для #wrapper .top_menu нужно добавить свойство left с отрицательной величиной, равной половине разницы между шириной меню и его контейнера. То есть (1180-1024)/2=42.

Comments

[Glebzzilla]

#wrapper #top_menu {
width:1108px; height:77px;
border-radius:0px;
position:relative;
left: -42px;
}
Все верно?

[Moskus]

Glebzzilla: да.
Вы откройте сайт в Firebug, добавьте свойство, и увидите сразу. Можете цифры поподбирать - иногда, когда сами объекты несимметричны, их идеальная центровка все равно создает иллюзию наличия сдвига, так что опытным путем иногда можно подобрать более красивое положение.