Мой контент не находится в Content Div. Это идет под нижний колонтитул?

Я не знаю почему, но мой контент div имеет весь свой «контент» под нижним колонтитулом, в пустой области html. Оболочка div есть, но не то, что внутри. Есть ответы?

Вот ссылка: http://minecraftserverzz.com/youtube/hai/

-----------

----------------

введите здесь описание изображения

введите здесь описание изображения

#Content {
    width: 60%;
    z-index: -1;
}
.flex {display: flex; justify-content: space-between;}

#sidebar {
    width: 30%;
    background-color: #1f3952;
    z-index: -1;
}
footer {width: 100%;}

#footer {
    width: 100%;
    height: 200px;
    background-color: #001a33;
    display: flex;
}

#footer .nav {
    padding-left: 30%;
    padding-top: 2%;
    color:white;
    display: inline-block;
}

#footer .nav h1 {
    margin-left: -20%;
    margin-bottom: 30px;
        font-size: 30px;
    margin-top: 20px;
}

#footer .nav2 {
    padding-left: 20%;
    padding-top: 2%;
    color:white;
    display: inline-block;
}


#footer .nav2 h1 {
    margin-left: -20%;
    margin-bottom: 30px;
        font-size: 30px;
    margin-top: 20px;
}

------------------------------------------------------


person McDiamund    schedule 21.01.2017    source источник
comment
Когда я использую position: absolute для содержимого div, это работает. Но нижний колонтитул блокирует это.   -  person McDiamund    schedule 21.01.2017
comment
Пожалуйста, прочитайте Что-то на моем веб-сайте не работает. Можно просто вставить ссылку на него?. Вопросы, которые зависят от внешних ресурсов, становятся бесполезными, когда внешний ресурс исчезает или фиксируется. Создайте минимальный воспроизводимый пример и вместо этого поместите его в сам вопрос.   -  person Quentin    schedule 21.01.2017


Ответы (2)


в вашем контенте div есть дополнительные страницы содержимого div с максимальной высотой. Пожалуйста, удалите это.

person Mohammad Arshad    schedule 21.01.2017
comment
Омг, я даже не заметил, что это мешало ему. в любом случае, в этом не было никакой цели: p Спасибо. - person McDiamund; 21.01.2017

Вы пытались добавить прозрачный элемент в нижний колонтитул? Это должно выглядеть так:

#footer {
    width: 100%;
    height: 200px;
    background-color: #001a33;
    display: flex;
    clear: both;
}

Позвольте мне знать, если это помогает!

person Devon MacDougall    schedule 21.01.2017