WordPress нижний колонтитул не внизу

Question

Я впервые редактировал сайт WordPress, и теперь у меня была проблема, когда основной контент div переполняет нижний колонтитул, и я не уверен, как с этим справиться. Вот сайт:

www.twazzle.co.uk/twazzle/wordpress/

Любая помощь будет оценена.

Answer 1

У вас здесь несколько проблем. Во-первых, вы разместили элементы внутри блоков без поплавка или очистки. Два (и это ваша главная проблема), ваш #content div - position:absolute, но ничего больше. При абсолютном позиционировании ваши div будут игнорировать других, что приводит к перекрытию и другой беспорядочности. Чтобы исправить, перед созданием элемента position:absolute сделайте его содержащим элемент блока position:relative. Вы также захотите исправить эту проблему с поплавком.

#main { 
    overflow: hidden; //this tells it to contain floated elements inside it 
    } 
#primary { 
    float: left; 
    margin: 10px; 
    position: relative; //this will contain nested absolutely positioned elements 
    width: 999px; 
    } 

Answer 2

Ваш #content и #primary элементы оба имеют абсолютную позицию, так что их размеры не будут влиять на расположение чего-либо еще на странице, когда они растут/сжиматься другие элементы не растут/контракт поместиться. Начните с изменения их обоих в положение: относительное или статическое, это приведет к тому, что некоторые другие вещи сломаются из-за того, как был написан css, но вам придется принять это как отправную точку, чтобы исправить это.