Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Вёрстка веб-сайтов > div не крепиться к низу экрана

Автор: neic 10.3.2011, 23:48

Есть код:

Код


    <div style="position: relative;">
        <table width="100%" style="border: 1px groove #000000;" bgcolor="White">
            <tr>
                <td>
                    ....
                </td>
            </tr>
            <tr>
                <td width="50%">...</td>
                <td width="50%" align="right">...</td>
            </tr>
        </table>
    </div>

Как заставить див прикрепиться к низу экрана?

Автор: mstalker26 11.3.2011, 00:50

хм... а почему position: relative ?
я так закрепляю

Код


bottom: 0;
left: 0;
position: fixed;
width: 100%;

Автор: neic 11.3.2011, 01:10

Спасибо, помогло. Хороший способ.

Добавлено @ 01:14
А такой вопрос, как сделать если контент занимает >100% высоты, то подвал крепился к низу страницы, а не к низу экрана.
Т.е. идет отступ от контента.

Автор: SelenIT 11.3.2011, 13:57

Код


html, body { margin: 0; padding: 0; }
html { height: 100%; }
body { min-height: 100%; position: relative; }
* html body { height: 100%; } /*  если актуален IE6 */
.тоЧтоНужноПрижатьКНизу { position: absolute; bottom: 0; } /* и под контентом предусмотреть пустое место, чтоб футер на него не налезал */