Как использовать перекрывающиеся плавающие div?

Question

Я делаю тему Wordpress с PHP, HTML и CSS.Мой нижний колонтитул автоматически перемещается под белым блоком контента, когда добавляется больше текста.

Теперь я хочу добавить другое изображение, которое должно перекрывать нижний колонтитул, а также белый блок контента.Но ... я хочу, чтобы он всплывал при добавлении текста, как в нижнем колонтитуле.

Вот ссылка, чтобы прояснить мой вопрос: веб-сайт

ИтакЯ хочу, чтобы изображение с бумагами и карандашом перекрывало как нижний колонтитул div, так и блок белого содержимого.И это также должно плавать вниз, когда больше текста добавлено.

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

-Спасибо

Answer 1

Прежде чем перейти к ответам, я советую вам сделать 2 вещи:

1. проверить ваш CSS, потому что из очень быстрого обзора я обнаружил опечатку в строке 25 min-heigt, котораядолжно быть min-height

2. использовать сброс CSS перед любым обычным CSS.Для этого отметьте http://meyerweb.com/eric/tools/css/reset/ Лично я использую normalize.css из http://necolas.github.com/normalize.css/

Еще одна вещь, и это мое мнение: есть множество более чистых тем, которые вы можетеиспользовать для создания вашей детской темы.Они включают в себя последние достижения современных веб-технологий, SEO и т. Д. Например, Thematic, двадцать двенадцать, двенадцать одиннадцать и т. Д. И бесплатно ...

Answer 2

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

Вот подтверждение концепции: http://jsfiddle.net/eliland/Qp76P/