Оцентровка меню по внутренний блок

[oleg198801]

Доброго времени суток всякому сюда зашедшему. В общем сразу к проблеме. Делаю сайт на wordpress, нашёл подходящую тему, все настроил, но есть одно "но". Меню. http://oxvo.ru/ видно, что меню растянуто на всю ширину страницы. Я же хочу сделать меню по ширине внутреннего, блока. 

 

Собственно, вот кусок кода:

 

#sideviewtoggle {

display: none;

}

.no-menu-msg {

color: #FFF;

font-size: 16px;

line-height: 20px;

padding: 20px 40px;

text-align: center;

}

.secondary-navigation {

width: 100% !important;

box-shadow: 0 1px 5px rgba(0,0,0,0.2);

-khtml-box-shadow: 0 1px 5px rgba(0,0,0,0.2);

-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.2);

-moz-box-shadow: 0 1px 5px rgba(0,0,0,0.2);

-ms-box-shadow: 0 1px 5px rgba(0,0,0,0.2);

-o-box-shadow: 0 1px 5px rgba(0,0,0,0.2);

}

.main-navigation {

clear: both;

display: block;

float: left;

width: 100%;

}

.main-navigation ul {

margin: 0 auto;

padding: 0;

list-style: none;

}

.main-navigation li {

float: left;

position: relative;

font-size: 16px;

}

.main-navigation ul li a, .main-navigation ul li a:link, .main-navigation ul li a:visited {

display: inline-block;

padding-top: 19px;

padding-bottom: 19px;

padding-left: 20px;

padding-right: 20px;

text-decoration: none;

}

.menu .current-menu-item>a {

background: rgba(0,0,0,0.1);

}

.main-navigation .menu-item-has-children>a:after, .main-navigation .page_item_has_children>a:after {

content: "\f107";

font-family: "FontAwesome";

position: absolute;

right: 19px;

padding-top: 3px;

}

.main-navigation .menu-item-has-children>a, .main-navigation .page_item_has_children>a {

padding-right: 40px !important;

}

.main-navigation ul ul li a:first-child {

padding-right: 22px !important;

}

.main-navigation .menu-item:not(.home-menu-item) .fa {

margin-right: 4px;

}

.main-navigation ul ul {

width: 255px;

padding: 20px 0 0 0;

padding-top: 0;

font-size: 12px;

color: #798189;

position: absolute;

}

.main-navigation ul ul { 

display: none 

}

 

.main-navigation li:hover ul {

display: block; position: absolute;

}

.main-navigation li:hover li {

float: none;

}

.main-navigation li ul li {

border-top: 0px;

}

.main-navigation ul ul ul {

left: -999em;

top: 0;

}

.main-navigation ul ul a {

width: 200px;

}

.main-navigation ul ul a, .main-navigation ul ul a:link, .main-navigation ul ul a:visited {

padding: 9px 45px 9px 20px;

position: relative;

width: 190px;

border-left: 0;

background: transparent;

border-right: 0;

-moz-border-radius: 0;

-webkit-border-radius: 0;

border-radius: 0;

margin: 0;

-moz-box-sizing: content-box;

-webkit-box-sizing: content-box;

box-sizing: content-box;

}

.main-navigation ul ul ul {

margin-left: 1px;

}

.main-navigation ul li:hover > ul {

left: auto;

}

.main-navigation ul ul li:hover > ul {

left: 100%;

}

 

Ширина , блока - 1015px, соответственно width:1015px;
Остается отцентровать меню, но тут появляется проблема. Когда я убираю флот, исчезает бэкграунд менюхи.
 

Как быть, как поступать? Буду очень благодарен любому совету.

[Mozzie]

.main-navigation ul li a, .main-navigation ul li a:link, .main-navigation ul li a:visited { display: inline-block; padding-top: 19px; padding-bottom: 19px; padding-left: 20px; padding-right: 20px; text-decoration: none; }

 

сократи падинги:

.main-navigation ul li a, .main-navigation ul li a:link, .main-navigation ul li a:visited {padding: 19px 20px 19 20px}

А что касательно вопроса я float: left поигрался поубирал и у меня фон нигде не пропал, где ты убрал это значение?

[oleg198801]

До скольки их уменьшить? Сокращал вплоть до нуля ни чего недает это.

[Mozzie]

До скольки их уменьшить? Сокращал вплоть до нуля ни чего недает это.

Нет я не об этом, я просто порекомендовал бы минимизировать такие участки кода.

Не пойму где фон пропадает?

[oleg198801]

Извини, вроде получилось, стоило подождать чуть чуть. Теперь нужно обрезать меню с краев, т.е. сделать его не резиновым я

 

width: 100% !important; меняю на width:1015px; тогда float: left; сдвигает меню влево, пытаюсь убрать  float: left пропадает бекграунд всего меню(((

 

До скольки их уменьшить? Сокращал вплоть до нуля ни чего недает это.

Нет я не об этом, я просто порекомендовал бы минимизировать такие участки кода.

Не пойму где фон пропадает?

 

Извини, вроде получилось, стоило подождать чуть чуть. Теперь нужно обрезать меню с краев, т.е. сделать его не резиновым я

 

width: 100% !important; меняю на width:1015px; тогда float: left; сдвигает меню влево, пытаюсь убрать  float: left пропадает бекграунд всего меню(((