CSS <ul> проблемы сосредоточения панели навигации

Take a look at this website I am working on: new.AudioManiacProductions.com

A screenshot from Dreamweaver showing the divs can be found here: new.AudioManiacProductions.com/images/stack.png

Заметьте, как к панели навигации не сосредоточен, и в "доме" есть намерение левой стороны. Я хочу, чтобы военно-морской бар протянул целый промежуток, он - родительский контейнер и быть сосредоточенным и вертикально и горизонтально.

Вот мой CSS для навигационного раздела страницы, военно-морского пункта списка и связей.

#nav {
    width: 100%;
    height: 40px;
    margin:  0 auto;
    padding: 0px;
    text-align: center;
    color: #FFF;
    list-style: none;
    line-height: auto;
    verticle-align: middle;
}
#nav li {
    padding: 0px;
    display: block;
    width: 20%;
    list-style-type: none;
    float: left;
    text-align: center;
    overflow: hidden;
    line-height: auto;
    verticle-align: middle;
}
#nav li a {
    font-size: 18px;
    font-weight: 600px;
    text-decoration: none;
    font-weight:800;
    color:#FFF;
}
#nav li a:hover, a:visited {
    color: #00F;
}

И вот мой HTML:

<div id="nav">
  
  </div>

Любая помощь значительно ценится!

2
nl ja de
Примечание стороны, verticle-выравнивают должен быть вертикальный - выравнивают .
добавлено автор j08691, источник

1 ответы

Браузеры устанавливают оставленный дополнению по умолчанию на признаках UL. Удалите дополнение, и это должно выручить.

#nav ul {
    padding-left: 0;
}

или просто ясный все дополнение:

#nav ul {
    padding: 0;
}
1
добавлено
Если вы нуждаетесь в поддержке для IE7 и ранее, устанавливаете оставленный краю: 0; или край: 0; также для ul признак.
добавлено автор Matt Coughlin, источник
Нет проблем! Довольный я мог выручить.
добавлено автор Tim Banks, источник
Верстка сайтов HTML/CSS/JS/PHP
Верстка сайтов HTML/CSS/JS/PHP
3 439 участник(ов)

Правила группы: напишите !rules в чате. Группа Вк: vk.com/web_structure Freelancer: @web_fl Веб Дизайн: @dev_design Маркетолог: @topmarkening Автор: @M_Boroda

CSS — русскоговорящее сообщество
CSS — русскоговорящее сообщество
1 502 участник(ов)

Сообщество любителей CSS Возникли проблемы с CSS? – пиши сюда, обсудим и предложим самое лучшее решение Работа: @css_ru_jobs Правила: https://teletype.in/@css_ru/r1EWtQ2w7 Приходите в наши чаты @javascript_ru и @frontend_ru Флуд: @css_flood

Чат — Типичный Верстальщик
Чат — Типичный Верстальщик
1 080 участник(ов)

Основной канал: @tpverstak Обратная связь: @annblok Все ссылки на соц.сети проекта: http://taplink.cc/tpverstak ПРАВИЛА ЧАТА — https://teletype.in/@annblok/BygPgC3E7

Веб-Технологи: UI/UX, Вёрстка, Фронтенд
Веб-Технологи: UI/UX, Вёрстка, Фронтенд
167 участник(ов)

Всё про веб-дизайн и вёрстку. А также: HTML, CSS, флекс и бутстрапы, шаблонизаторы, препроцессоры, методологии, аглифаеры, улучшаторы и обфускаторы. Обсуждаем темы юзабилити, устраиваем А/В тесты лендингов, и проводим аудит.

DTP :: @DTPublish
DTP :: @DTPublish
147 участник(ов)

Обсуждаемые темы: полиграфия, препресс, верстка, дизайн, иллюстрации, скрипты, плагины. Канал - @DTPublishing

css_jobs
css_jobs
26 участник(ов)

Чат для вопросов по css и html: @css_ru Флуд: @css_flood Канал с вакансиями и резюме: @css_jobs_feed

css_флуд
css_флуд
10 участник(ов)