Решение магического колонтитула

Question

Если вы посмотрите на этот веб-сайт, который я разрабатываю: http://milabalami.com

Черную линию, видимую в нижнем колонтитуле, я хочу исправить.Можно ли в любом случае поместить этот нижний колонтитул внизу содержимого (оболочки) страницы?Я не занимался веб-дизайном с золотых дней столов, так что CSS для меня совершенно новый.

Кто-нибудь может помочь этому старику?Пожалуйста, будьте конкретны в любом ответе, так как я новичок в стилях CSS ...

Answer 1

Вы имеете в виду, что хотите устранить разрыв между оберткой и черной линией? Если да, просто измените поле #blackbox2 на margin: 0 auto 15px;

Answer 2

У вас есть:

#blackbox2 {
background-color: black;
bottom: 0%;
height: 33px;
margin-bottom: 15px;
margin-left: auto;
margin-right: auto;
margin-top: 11%;
position: relative;
top: auto;
width: 900px;
z-index: 12;
}

Попробуйте удалить margin-top: 11%. Это соответствует «11% родительской высоты», поэтому ваш blackbox2 так далеко от оболочки над ним.

Answer 3

Решает ли это вашу проблему - http://www.cssstickyfooter.com/?