разместить footer при помощи position

[cyklop77]

помогите пожалуйста поместить footer под область основной информации сайта.

я пытаюсь сверстать позиционированными блоками вот этот сайт

вот что у меня получается http://narod.ru/disk/19397755001/index.php.html. как видите, footer1 находится не на своём месте.

использовать не position, а другие способы пожалуйста не предлагайте. так как я хотел бы разобраться именно с position(при помощи float я уже сверстал это же).

ps

высота блоков с основной информацией меняется, поэтому не могу жестко прописать положение footer-а.

Edited July 18, 2011 by cyklop77

[Vacoola]

попробуйте прописать в стилях футера

#footer1 {

background-color: blue;

margin: 0 auto;

position: relative;

top: 0;

}

и внесите блок футера в блок <div id="wrap">

Edited July 18, 2011 by Vacoola

[cyklop77]

попробуйте прописать в стилях футера

#footer1 {

background-color: blue;

margin: 0 auto;

position: relative;

top: 0;

width: 1002px;

}

и внесите блок футера в блок <div id="wrap">

к сожалению этот способ мне не подходит. дело в том, что блок wrap имеет оперделенную фиксированную ширину, блок footer (как можно увидеть, если кликнуть на ссылку с примером сайта, которая в первом моем сообщении присутствует) занимает всю доступную ширину экрана.

[Vacoola]

окей а если так попробовать:

#footer1 {
    background-color: blue;
    bottom: 0;
    position: fixed;
    width: 100%;

}

Edited July 18, 2011 by Vacoola

[cyklop77]

прыгать?

[Vacoola]

прыгать?

?

footer просто будет привязан к нижнему краю, на всю ширину страницы.

а вообще тут шаблоны, из них можно что то выбрать...

[Temiks]

http://zodios.net/htmlcss/downfooter.html

тут найдете способы с position