2015-10-03 7 views
2

Я новичок в кодировании и делаю свой первый сайт на WP. Я работал с документом WP, используя шаблон HTML 5 Blank. У меня возникли проблемы с тем, чтобы мой нижний колонтитул оставался внизу страницы, а не плавал посередине. Я понимаю, как это сделать с моей стороны, однако, когда я это делаю в WordPress, происходят странные вещи.Нижний колонтитул, расположенный в середине страницы

Когда я делаю свою высоту html: 100% в css или когда я делаю свое положение тела: абсолютное; все мое содержимое перемещается по странице примерно на длину страницы. Я пытаюсь настроить его для каждой отдельной страницы, но это создает все больше и больше проблем. Кто-нибудь получил идеи?

the site (он находится под случайным каталогом, так что я могу его построить, пока он не полностью жив).

ответ

3

У вас есть установка высоты на html и body, а затем на нижнем колонтитуле установлен абсолютный. Использовать ниже css

html, body {padding:0; margin:0; height:100%;} 
footer{position: absolute; bottom: 0; left: 0; right: 0;} 
+0

Я пробовал это, и он получает нижний колонтитул так, где я хочу его, но что-то странное произошло между моей темой Wordpress и моими вещами, которые я создал в нем. Я построил его локально, и все выглядело идеально, как я этого хочу. Теперь в wordpress, когда я применяю это странные промежутки, появляются на странице, поэтому мне приходится корректировать ситуацию с помощью -margins. Должно быть что-то отображающее, что я не получаю с WP. –

+0

OK попробуйте этот. Контейнер { высота: авто! Важное; высота: 100%;} footer {фон: # 333333; ширина: 100%; высота: 60 ​​пикселей; bottom: 0;} –

+0

На этой странице http://joebiz.net/blog/category/blog/ footer внутри class = "container", но другие нижние колонтитулы страниц вне класса = "container", например http://joebiz.net/ блог/сначала решить эту проблему. –

-1

overflow:hidden; для footer верхняя div.

+0

Какой тип вы придерживаетесь? –

+0

div верхняя часть нижнего колонтитула –

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