Footer CSS проблемы

Question

Я делаю тему Wordpress, но у меня есть небольшая проблема с нижним колонтитулом. Я хочу, чтобы он занимал 100% окна, но он занимает только 1200 пикселей. Я не знаю, почему это так. Здесь у вас есть CSS Code

#navigationposition { 
    float:left; 
    color:#fff; 
    width: 100%; 
    height:200px; 
    position:relative; 
    bottom:0; 
    left:0; 
    background-attachment: fixed; 
    background-origin: initial; 
    background-clip: initial; 
    background-repeat: no-repeat; 
    background-position: 100% 0; 
    background-position: center; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
    background-image: url("http://www.lasvegasicc.org/wp-content/uploads/2013/08/Las-Vegas-Wallpaper-HD.jpeg"); 
} 

Here's the link to the website

Answer 1

id=#container Вашего ДИВ удерживающего колонтитул не превышает 1200px. Это происходит здесь:

#container { 
max-width: 1200px; 
background-color: transparent; 
margin: 0 auto; 
} 

Вы можете взять содержание футера из контейнера или удалить max-width:1200px из правила контейнера.

Надеюсь, что эта помощь.

Answer 2

Ваш футер внутри div#container с 1200px шириной. Переместить ваш div#navigationposition от div#container, и это должно быть в порядке;)

Answer 3

Это означает, что вы размещаете этот div (навигационное устройство) внутри другого, который имеет фиксированную ширину и ограничивает ваш DIV. Если вы не можете получить доступ к коду, который обрамляет ваш, (несколько сайтов не позволяют вам менять контейнер), то единственный возможный способ, по моему мнению, состоит в том, чтобы сделать это DIV (навигационное наложение) абсолютным с bottom = 0 (результат не будет то же самое, когда вы крутите) Если вы можете haveaccess всего код, а затем изменить ширину DIV, который содержит Див (navigationposition)

/*if you can change it*/ 

#container { 
    /*width:1200px;*/ 
    width:100%; 
} 

    /*Only if you cannot change its container*/ 

#navigationposition { 
    float:left; 
    color:#fff; 
    width: 100%; 
    height:200px; 
    position:absolute; 
    /*position:relative;*/ 
    bottom:0; 
    left:0; 
    background-attachment: fixed; 
    background-origin: initial; 
    background-clip: initial; 
    background-repeat: no-repeat; 
    background-position: 100% 0; 
    background-position: center; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
    background-image: url("http://www.lasvegasicc.org/wp-content/uploads/2013/08/Las-Vegas-Wallpaper-HD.jpeg"); 
}