VPF::div не крепиться к низу экрана - Форум программистов

neic

Дата 10.3.2011, 23:48 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 839
Регистрация: 28.1.2007

Репутация: нет
Всего: 7

Есть код:

Код


    <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>

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

Это сообщение отредактировал(а) neic - 10.3.2011, 23:50

mstalker26

Дата 11.3.2011, 00:50 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 206
Регистрация: 4.7.2009

Репутация: 1
Всего: 11

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

Код


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

--------------------

Помечайте свой вопрос как решённый, если на него получен ответ. Ссылка "Пометить как решённый" находится над первым постом.

neic

Дата 11.3.2011, 01:10 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 839
Регистрация: 28.1.2007

Репутация: нет
Всего: 7

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

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

Это сообщение отредактировал(а) neic - 11.3.2011, 01:49

SelenIT

Дата 11.3.2011, 13:57 (ссылка)

(нет голосов)

Загрузка ...

баг форума

Профиль
Группа: Завсегдатай
Сообщений: 3996
Регистрация: 17.10.2006
Где: Pale Blue Dot

Репутация: 97
Всего: 401

Код


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

--------------------

Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму!

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »