Почему этот нижний колонтитул не расширяется полностью в стороны?

Question

Я разрабатываю шаблон для сайта моей школы и мне нужна помощь. Все шло отлично, пока я не добрался до нижнего колонтитула. Я заметил, что все , но верхняя навигация не может полностью развернуться в стороны экрана. Это очень неприятно, так как я пытаюсь заполнить нижний колонтитул до той же ширины, что и навигация.

Для вашего удобства я загрузил здесь копию шаблона. Я считаю, что он связан с css , но я попробовал все возможные значения, которые я могу придумать, чтобы без эффекта.

Пожалуйста, помогите, если можете.

Спасибо за ваше время.

Answer 1

Браузеры по умолчанию дают тег body на полях.Итак, все, что вам нужно сделать, это установить значение 0:

body { margin: 0; }

Причина, по которой верхняя навигация отображается так, как вы хотите, состоит в том, что вы устанавливаете position в fixed«приклеить» его к верхнему левому углу экрана (0, 0) с шириной 100%.

Answer 2

Добавить поле: 0px к телу {тег в CSS

Это исправит:

body{
    background: #fbe2a9 url(images/body-bg.jpg) repeat-x  top;
    font-family:Arial, Helvetica, sans-serif;
    font-size:13px;
    margin: 0px;
}

Answer 3

потому что у вас есть поле 8px для элемента body. В вашем css, попробуйте это

body, html
{
    margin: 0;
    padding: 0;
}

Это хороший фрагмент для включения в каждый проект.

Answer 4

Ну, для начала вы делаете clear: both и float: left, когда вам нужно только clear: both. Затем добавьте следующее к #footer_wrapper:

#footer_wrapper {
    position:relative;
    left:-7px;
}

Answer 5

Добавить margin: 0 к тегу body