EOMY.NET
Хостинг EOMY.NET: Форум поддержки
 
 FAQFAQ   ПоискПоиск   ПользователиПользователи   ГруппыГруппы   РегистрацияРегистрация 
 ПрофильПрофиль   Войти и проверить личные сообщенияВойти и проверить личные сообщения   ВходВход 
RSS Feed  

Div в середине кода страницы должен отобразиться в её низу.

 
Начать новую тему   Ответить на тему    Список форумов EOMY.NET -> HTML и CSS
Div в середине кода страницы должен отобразиться в её низу.
Автор Сообщение
SergejFedosov
11 1110 1000
11 1110 1000


Зарегистрирован: 18.08.2006
Сообщения: 1173

4057 Монеты

СообщениеДобавлено: Ср, 23 Янв, 2013 17:37    Заголовок сообщения: Div в середине кода страницы должен отобразиться в её низу. Ответить с цитатой

Необходимо, чтобы div с содержимым, стоящий в начале или середине кода страницы, в браузере отобразился внизу. Внизу страницы, а не окна браузера. Можно ли сделать это средствами css?
_________________
Полный церковно-славянский словарь
Вернуться к началу
Посмотреть профиль Отправить личное сообщение Посетить сайт автора
corsar8888
Хостинг — это наше всё!
Хостинг — это наше всё!


Зарегистрирован: 01.01.2010
Сообщения: 280
Откуда: Новосибирск
12923 Монеты

СообщениеДобавлено: Вс, 10 Фев, 2013 14:27    Заголовок сообщения: Ответить с цитатой

Код:

<body>
    <div style="position: absolute; bottom:0;"></div>
</body>
Вернуться к началу
Посмотреть профиль Отправить личное сообщение Отправить e-mail
SergejFedosov
11 1110 1000
11 1110 1000


Зарегистрирован: 18.08.2006
Сообщения: 1173

4057 Монеты

СообщениеДобавлено: Вс, 10 Фев, 2013 14:37    Заголовок сообщения: Ответить с цитатой

corsar8888 писал(а):
Код:

<body>
    <div style="position: absolute; bottom:0;"></div>
</body>


Содержимое такого div отображается внизу первого экрана, а не внизу всей страницы.
_________________
Полный церковно-славянский словарь
Вернуться к началу
Посмотреть профиль Отправить личное сообщение Посетить сайт автора
corsar8888
Хостинг — это наше всё!
Хостинг — это наше всё!


Зарегистрирован: 01.01.2010
Сообщения: 280
Откуда: Новосибирск
12923 Монеты

СообщениеДобавлено: Вс, 10 Фев, 2013 14:52    Заголовок сообщения: Ответить с цитатой

Не понятно, что подразумевается под первым экраном.
Есть высота области видимости страницы (window viewport), а есть высота страницы.

На body поставьте "position: relative", должно помочь расположить div в самом низу страницы.

Код:
<body style="position: relative">
    <div style="position: absolute; bottom:0;"></div>
</body>
Вернуться к началу
Посмотреть профиль Отправить личное сообщение Отправить e-mail
SergejFedosov
11 1110 1000
11 1110 1000


Зарегистрирован: 18.08.2006
Сообщения: 1173

4057 Монеты

СообщениеДобавлено: Вс, 10 Фев, 2013 15:10    Заголовок сообщения: Ответить с цитатой

corsar8888 писал(а):
Не понятно, что подразумевается под первым экраном.


Экран монитора. Мне же необходимо, текст div'а располагался внизу страницы, которая "длиннее" экрана.
_________________
Полный церковно-славянский словарь
Вернуться к началу
Посмотреть профиль Отправить личное сообщение Посетить сайт автора
Показать сообщения:   
Начать новую тему   Ответить на тему    Список форумов EOMY.NET -> HTML и CSS Часовой пояс: GMT
Страница 1 из 1

 


Rambler's Top100   Рейтинг@Mail.ru    



Powered by phpBB © 2001, 2005 phpBB Group