Организация Div, css box model

Question

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

Сайт: http://cowgirlsbaking.com/

--- PHP ---

<?php wp_footer() ?> 
<div id="pinkpoint"> 
</div> 
<div id="footnav"> 

<div id="footernavlinks> 
</div> 




</div> 
</body> 
</html> 

--- CSS-код для двух див ---

#footernavlinks { 
    clear: both; 
    margin:10px 0 0 25px; 
    width: 300px; 
    height: 250px; 
    background-image:url('http://cowgirlsbaking.com/wp-content/themes/autumn-leaves/images/footblockback.png'); 


} 

#footnav { 
    background-color: #EB7CDB; 
    height: 500px; 
    width: 100%; 
} 

Answer 1

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

#footnav { 
    background-color: #EB7CDB; 
    height: 500px; 
    width: 100%; 
    padding: 50px 0 0 0; 
} 

#footernavlinks { 
    clear: both; 
    margin:50px 0 0 25px; 
    width: 300px; 
    height: 250px; 
    background-image:url('http://cowgirlsbaking.com/wp-content/themes/autumn-leaves/images/footblockback.png'); 

} 

Answer 2

Вы должны закрыть котировку знаки в вашем footernavlinks div:

<div id="footernavlinks"> 
</div> 

Answer 3

margin-top of 10px на #footernavlinks уходит #pinkpoint из нижнего колонтитула. Вы можете видеть это с помощью Firebug при наведении #footernavlinks
Вы можете удалить эту верхнюю границу или использовать верхнюю часть 10px на одном и том же элементе, если вы хотите переместить ее вниз, не перемещая весь нижний колонтитул.

Какое значение составляет содержание этого нижнего колонтиметра? (текст, ссылки, изображения)