VPF::таблица внизу страницы - Форум программистов

Teleport

Дата 4.2.2009, 18:54 (ссылка)

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

Загрузка ...

Опытный

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

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

Как сделать чтобы таблица или слой всегда были внизу страницы? Вот у меня есть слой и он по верикали высокий - соответсвенно появляется полоса прокрутки. Вот как бы сделать так чтобы таблица или слой с Копирайтом отображались внизу страницы когда самый высокий слой уже кончится?

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

bars80080

Дата 4.2.2009, 19:01 (ссылка)

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

Загрузка ...

прапор творюет

Награды: 1

Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 50
Всего: 315

посмотри здесь
http://www.alexilin.ru/5-sovetov-po-html-i-css/

Teleport

Дата 5.2.2009, 14:24 (ссылка)

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

Загрузка ...

Опытный

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

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

вот что я нашел:

Код


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru">
<head>
   <title></title>
   <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<style type="text/css">
HTML, BODY {height: 100%; margin: 0; padding: 0; }
#topNContent {min-height: 100%; }
* HTML #topNContent {height: 100%; }
#content {padding-bottom: 30px;}
#top {background: #CCC; height: 121px; }
#bot {background: #CCC; height: 30px; margin-top: -30px; }
* HTML #bot {overflow: hidden; }
</style>
</head>

<body>

<div id="topNContent">
   <div id="top">шапка</div>
   <div id="content">
      <p>контент   </p>
      <p>12355</p>
      <p>&nbsp;</p>
      <p>&nbsp;</p>
      <p>&nbsp;</p>
      <p>&nbsp;</p>
      <p>&nbsp;</p>
      <p>&nbsp;</p>
      <p>&nbsp;</p>
      <p>&nbsp;</p>
      <p>&nbsp;</p>
      <p>&nbsp;</p>
      <p>lllklllkl</p>
      <p>&nbsp;</p>
      <p>&nbsp;</p>
      <p>&nbsp;</p>
      <p>&nbsp;</p>
      <p>&nbsp;</p>
      <p>&nbsp;</p>
      <p>&nbsp;</p>
      <p>&nbsp;</p>
      <p>&nbsp;</p>
      <p>&nbsp;</p>
      <p>lklklklklkl</p>
      <p>&nbsp;</p>
      <p>&nbsp;</p>
      <p>&nbsp;</p>
      <p>&nbsp;</p>
      <p>&nbsp;</p>
      <p>&nbsp;</p>
      <p>&nbsp;</p>
      <p>&nbsp;</p>
      <p>&nbsp;</p>
      <p>&nbsp;</p>
      <p>klklljkj</p>
      <p>&nbsp;</p>
      <p>&nbsp;</p>
      <p>&nbsp;</p>
      <p>&nbsp;</p>
      <p>&nbsp;</p>
      <p>jkjkljjljlilki </p>
   </div>
</div>

<div id="bot">подвал</div>

</body>
</html>

В данном коде подвал очень хорошо прикрепляется к низу страницы - сколько бы ни было техта на страничке. НО все бы хорошо, да только вот если изменить
#content {padding-bottom: 30px;} на #content {padding-bottom: 30px; position:absolute;} то подвал никак не уходит вниз страницы, а болтается прямо на contente :(

Есть ли возможность как то прижать подвал к низу странички, когда у contenta position:absolute;

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

Violator

Дата 6.2.2009, 02:21 (ссылка)

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

Загрузка ...

Бывалый

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

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

Teleport,
блок у которого абсолютное позиционирование не занимает место в структуре страницы
для каких целей вы ставите position:absolute у контента?

Teleport

Дата 7.2.2009, 15:58 (ссылка)

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

Загрузка ...

Опытный

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

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

Просто я хотел чтобы мой контент имел отступ слева... Потому и absolute ставлю. Конечно, решить можно так - никаких absolute и вставить табличку внитрь блок. И уже в этой табличке сделать отступ - стобцом. Вобщем, вроде, разобрался smile

Спасибо

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

Violator

Дата 7.2.2009, 16:29 (ссылка)

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

Загрузка ...

Бывалый

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

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

Teleport,
поставьте у #content либо margin-left, либо padding-left - смотря что вам понадобится smile

WebMast

Дата 7.2.2009, 17:42 (ссылка)

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

Загрузка ...

Front-end developer

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

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

Teleport, можешь посмотреть тут http://forum.vingrad.ru/forum/topic-246654.html

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

Личный Блог Евгения ЖлобоРасширение vkleaner для Google Chrome

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