Странный отступ

[ITdreamer]

Ребята, подскажите.

Я не профи в верстке, поэтому бьюсь и не могу понять в чем проблема.

Вот 2 снимка страницы и файл css.

На первой вы можете увидеть подвал страницы и отступ между подвалом и другими частями страницы.

На второй то как мне нужно чтобы все было (без отступа).

Причина видимо в стиле .copyright, которым описаны авторские права.

Как только я убираю эту строку с правами, подвал встает на место.

Как мне сделать, чтобы и тест был в нужном месте и подвал был на месте.

Я расчитывал, что текст внутри подвала будет делать отступ от границ подвала, но он почему-то этого не делает, хотя текст в других кусках страницы отступы отсчитывает от правильных границ.

Подскажите, где собака зарыта.

[Vlad]

Собака зарыта в схлопывающихся отступах. Убрать этот эффект можно разными способами, к примеру, поставить margin для .copyright нулевые, заменяя их padding. Можно еще overflow: auto добавить к .footer.

[ITdreamer]

Собака зарыта в схлопывающихся отступах. Убрать этот эффект можно разными способами, к примеру, поставить margin для .copyright нулевые, заменяя их padding. Можно еще overflow: auto добавить к .footer.

Спасибо, помогло.

А можно чуть подробнее? Что за схлопывающиеся отступы? Почему скажем у меня не произошло тоже самое между шапкой и телом?

[Vlad]

У меня об этом написано пять страниц мелким почерком, повторять все лениво, поэтому вот ссылка на спецификацию, где рассказаны принципы.

http://www.w3.org/TR/CSS21/box.html#collapsing-margins

[Vlad]

Добавил примечание по поводу схлопывания к описанию margin

http://htmlbook.ru/css/margin

[psywalker]

Добавил примечание по поводу схлопывания к описанию margin

http://htmlbook.ru/css/margin

Вот это правильно.