Footer двигающийся за абсолютно спозиционированным контентом

Anuksanomun · October 10, 2011

Всем доброго времени суток!

Такая проблема не удаётся разместить футер на законном месте, т.е. после контента.

Все элементы проекта спозиционированны абсолютно, кроме футера, он должен "ездить" за контентом, в зависимости от наполнения.

Подскажите плиз, у кого какие идеи есть?

Justnewone · October 10, 2011

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

А для вдохновения можно почитать, там все классически прально.

Anuksanomun · October 10, 2011

Ссылки эти я уже смотрела, но это не совсем то что нужно, мне не нужно приклеивать к низу экрана, мне нужно чтоб футер менял своё расположение в зависимости от наполнения контента.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Документ без названия</title>
</head>

<body>

<div style="position:absolute; top:0; left:0; width:200px; height:100px; background:#009; z-index:1;">HEADER</div>
<div style="position:absolute; top:105px; left:0; width:200px; height:80%; background:#063; z-index:2;">CONTENT</div>
<div style="position:absolute; width:200px; height:20px; left:0; background:#F60; z-index:3;">FOOTER</div>

</body>
</html>

mishka · October 10, 2011

так убери абсолюты с основного контента, чтобы он растягивал страничку.

Anuksanomun · October 10, 2011

в том то всё и дело, что абсолюты убрать низя

Justnewone · October 10, 2011

ну, тогда пишите скрипт, меряйте высоту и назначайте распорку. Удачи.

Sign In

Footer двигающийся за абсолютно спозиционированным контентом

Question

Anuksanomun

Link to comment

Share on other sites

5 answers to this question

Recommended Posts

Justnewone

Link to comment

Share on other sites

Anuksanomun

Link to comment

Share on other sites

mishka

Link to comment

Share on other sites

Anuksanomun

Link to comment

Share on other sites

Justnewone

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information