Самый простой html за всю историю:
<!doctype html> <html> <body> <p>Some text content</p> <p>Some more content</p> <p> ... </p> <img src="image.jpg"> </body> </html>
Изображение предназначено для позиционирования с помощью CSS внизу страницы , позади абзацев.
Вотживой пример.
http://jsfiddle.net/g105b/NfzT3/
Просто добавь воды. И это:
body { position:relative }
Изображение позиционируется относительно следующего, наилучшим образом (нестатического) элемента, окружающего его.
Хм .. позади текста .. Я думаю, что CSS через тело лучше, чем решения выше - универсальный CSS:
<style type="text/css"> body { background:url(image.jpg) no-repeat bottom center; } </style>
Если вы хотите исправить:
Вы имеете в виду Как это ?? Чтобы изображение оставалось с текстом, а не соприкасалось с нижней частью окна?
Я не понимаю повторных отрицательных голосов. Вопрос ясно гласит: « нижняя часть страницы, а не окно ». Это единственное решение, которое НЕ выравнивает изображение по нижней части окна.