2011-01-17 2 views
0

Если у вас есть быстрый взгляд на этом сайте, что я проектирование: http://milabalami.comРешение проблемы магического колонтитула

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

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

+0

Возможно, я пропущу ваше требование, но где 'точно 'вам понравится нижний колонтитул, потому что, насколько я понимаю из кода вашей страницы, он перемещается на кусок javascript. Итак, что именно вы после, и что вы пробовали, что не сработало? – Bazzz

+0

Я хочу, чтобы нижний колонтитул находился в нижней части содержимого. Поэтому в зависимости от того, что содержит основной корпус, нижний колонтитул должен находиться под ним. Подумайте об этом как о HTML-таблицах, что должно иметь смысл? – MasterLee

ответ

0

Это решение проблемы? http://www.cssstickyfooter.com/?

+0

Нет, это приводит нижний колонтитул в нижней части экрана. Я хочу нижний колонтитул внизу содержимого. – MasterLee

+0

Итак, в основном, в зависимости от высоты содержимого, где заканчивается нижний колонтитул. Я надеюсь, что в этом есть смысл. – MasterLee

+0

Это поведение по умолчанию. Проверьте ответ Сотириса, может быть, это решает его для вас? – polarblau

1

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

+0

Я добавил это решение, если вы посмотрите на эту страницу: http://miladalami.com/?page_id=9 вы увидите, что черная линия перекрывает меню слева. Любые решения? – MasterLee

+0

Я вижу это правильно (я думаю), что не так? – Sotiris

1

У вас есть:

#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; 
} 

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

+0

причина того, что существует 11% -ый запас, потому что он перекрывал меню – MasterLee

Смежные вопросы