Div в левом нижнем углу оболочки div

Question

У меня есть страница с div-оберткой, которая содержит фоновое изображение и все div-ы содержимого. В этом div обертки у меня также есть логотип div, который должен быть размещен в левом нижнем углу обертки, не мешая содержимому.

Мне удалось разместить логотип в левом нижнем углу всей страницы (положение: абсолютное; нижнее: 0; левое: 0;). Проблема в том, что, если вы измените ширину окна, фон останется в центре в то время как логотип div идет влево и прилипает к краю браузера (как и должно быть).

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

Надеюсь, я достаточно ясно, вот ссылка на макет на случай, если это поможет. http://development.pulsemedia.se/current/kingromeo/layout/

Answer 1

Сделайте положение вашего упаковщика div относительным.

Answer 2

Я нашел свою ошибку. Я забыл сделать фиксированную ширину background-div, чтобы при расширении окна браузера расширялся и background-div. Все вело себя так, как и должно.

Answer 3

Поместите логотип div в div обертки, а затем установите несколько комбинаций из них:

позиция: относительная; низ: 0px; поплавок: снизу;

Я не уверен насчет float: bottom, но я думаю, что он понадобится вам для предотвращения вмешательства в остальную часть вашего контента.

Answer 4

На данный момент, ваше имя группы не находится в оболочке. Поместите его в #wrapper div и установите обертку в положение: относительный;