МЕНЮ - не могу сделать по центру

izbyshki_ru izbyshki_ru  
77
  20.09.2017 15:27       621     Помощь  
Уже который час бьюсь над тем, чтобы выровнять по центру меню в шапке сайта.
Вроде всё сделал как надо, но всё равно слева отступ больше, чем справа.
При просмотре в отладчике <ul> ... </ul> слева появляется непонятная область и, возможно, она является причиной проблемы?
Сайт prodgoroda.ru
Может кто подскажет как отцентровать менюшку?

Ответы на пост (7) Написать ответ
John-Silver John-Silver
107
20.09.2017 15:51
#menu ul {
list-style: none;
text-align: center;
padding: 0;
}
0
Решение
Роман Семенцов Роман Семенцов
12
20.09.2017 15:52
Привет. У тебя стоит стиль для ul элементов "-webkit-padding-start: 40px;". Т.е. в начале добавляется отступ 40 пикселей. Добавь к стилю #menu ul такую строчку "padding: inherit !important;"
Т.е.
#menu ul {
padding: inherit !important;
}
0
izbyshki_ru izbyshki_ru
77
20.09.2017 16:00
khrapko, Роман Семенцов спасибо большое!!!
Пробовал оба варианта - и тот и другой работает.
0
John-Silver John-Silver
107
20.09.2017 17:43
Зачем вам !important? Не рекомендую пользоваться этим правилом, просто потому что оно меняет обычный порядок вещей. Обычно использование !important это первый звонок к плохому "костыльному" способу решения задачи. У вас все будит работать и без этого правила - padding: inherit; либо padding: 0;
0
BMDBMW BMDBMW
34
20.09.2017 17:33
Можно ещё margin: 0 auto;
0
sequelone sequelone
0
20.09.2017 18:31
Это правило работает с заданной фиксированной шириной, к примеру width: 500px
0
izbyshki_ru izbyshki_ru
77
21.09.2017 06:25
khrapko, понял, спасибо!
Сейчас переделаю.
0