|
Прижать блок к нижнему краю страницы
|
| Автор |
Сообщение |
eomysupport Администратор

Зарегистрирован: 25.12.2005 Сообщения: 3747
126934 
|
Добавлено: Вс, 01 Апр, 2007 23:32 Заголовок сообщения: Прижать блок к нижнему краю страницы |
|
|
Здравствуйте, уважаемые форумчане!
Я хотел бы затронуть вопрос, о который не раз набивали шишки многие сайтописатели, и, кажется, я ещё не видел элегантного решения этой проблемы.
Задача: необходимо прижать блок (текст, изображение, что угодно) к нижнему краю страницы. Например, зайдите на http://www.eomy.net/ и взгляните на меню слева. Как бы вы его «прижали» к нижнему краю?
Я нашёл достаточно простое решение при помощи таблиц. Однако, это не идеальный вариант, так как приходится всю страницу вносить в таблицу.
Существуют ли другие способы? Хотелось бы услышать ваши мнения. _________________ Дмитрий
● Техническая поддержка бесплатного хостинга осуществляется только через форум поддержки
● Часто задаваемые вопросы по хостингу
● Условия предоставления услуг бесплатного хостинга |
|
| Вернуться к началу |
|
 |
madhamster $a ||= 5;


Зарегистрирован: 09.10.2006 Сообщения: 675
29184 
|
Добавлено: Пн, 02 Апр, 2007 11:37 Заголовок сообщения: |
|
|
Использовать div слои... _________________
 |
|
| Вернуться к началу |
|
 |
Gimli Хостинг — это наше всё!


Зарегистрирован: 30.07.2006 Сообщения: 114
6070 
|
Добавлено: Пн, 02 Апр, 2007 11:38 Заголовок сообщения: |
|
|
| Офф: этот топик по-моему больше подходит для раздела HTML и CSS =) |
|
| Вернуться к началу |
|
 |
eomysupport Администратор

Зарегистрирован: 25.12.2005 Сообщения: 3747
126934 
|
|
| Вернуться к началу |
|
 |
V.G Интернет на завтрак


Зарегистрирован: 25.02.2007 Сообщения: 42
4373 
|
Добавлено: Пн, 02 Апр, 2007 19:57 Заголовок сообщения: |
|
|
madhamster
| madhamster писал(а): | | Использовать div слои... |
А это че?
Обрисуй, а?
Слои знаю, про дивы слышал... |
|
| Вернуться к началу |
|
 |
madhamster $a ||= 5;


Зарегистрирован: 09.10.2006 Сообщения: 675
29184 
|
Добавлено: Пн, 02 Апр, 2007 22:06 Заголовок сообщения: |
|
|
Эт я так выразился, ну div блоки я не знаю как конкретнее назвать...
Вот пример кода:
| Код: |
<html>
<head>
<meta http-equiv="Content-Language" content="en-us">
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>New Page 1</title>
</head>
<body>
<div style="position: absolute; bottom: 0px">
<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse;" bordercolor="#111111" width="153" height="302" id="AutoNumber1">
<tr>
<td width="153" height="24" bgcolor="#666633">
<p align="center"><font color="#CCCC00"><b>Navigation</b></font></td>
</tr>
<tr>
<td width="153" height="274" valign="top" bordercolor="#D6D6AB" bgcolor="#D6D6AB">
<br />
<ul>
<li>
<p align="left" style="margin-top: 0; margin-bottom: 0">Home</li>
<li>
<p align="left" style="margin-top: 0; margin-bottom: 0">Articles</li>
<li>
<p align="left" style="margin-top: 0; margin-bottom: 0">News</li>
<li>
<p align="left" style="margin-top: 0; margin-bottom: 0">Downloads</li>
<li>
<p align="left" style="margin-top: 0; margin-bottom: 0">About Us</li>
<li>
<p align="left" style="margin-top: 0; margin-bottom: 0">Guestbook</li>
<li>
<p align="left" style="margin-top: 0; margin-bottom: 0">Forum</li>
<li>
<p align="left" style="margin-top: 0; margin-bottom: 0">Contacts</li>
<li>
<p align="left" style="margin-top: 0; margin-bottom: 0">Free Hosting</li>
</ul>
<p> </td>
</tr>
</table>
</div>
</body>
</html>
|
Атрибут: style="position: absolute; bottom: 0px" решает...
Если не жмёт чисто в упор моно атрибут с 0px поставить например -5px
Кстати хороший ресурс по CSS http://www.w3schools.com/ _________________
 |
|
| Вернуться к началу |
|
 |
eomysupport Администратор

Зарегистрирован: 25.12.2005 Сообщения: 3747
126934 
|
|
| Вернуться к началу |
|
 |
DeT Интернет на завтрак


Зарегистрирован: 30.09.2007 Сообщения: 85 Откуда: Москва 3777 
|
Добавлено: Вс, 09 Мар, 2008 18:27 Заголовок сообщения: |
|
|
madhamster
про ресурс: я по нему и консультируюсь  _________________ (С)DeT |
|
| Вернуться к началу |
|
 |
антон888 Хостинг — это наше всё!


Зарегистрирован: 05.11.2007 Сообщения: 217
6647 
|
Добавлено: Вс, 09 Мар, 2008 18:59 Заголовок сообщения: |
|
|
Может я задачи не понял, но предложенное решение не работате при прокрутке страницы  _________________ http://neoclubs.ru |
|
| Вернуться к началу |
|
 |
|