Не могу прижать подвал, сломал голову:)

@Dis · Регистрация: 27.06.2012

Студворк — интернет-сервис помощи студентам

Блочная вёрстка.
Body разбит на

HTML5
1
2
<div id="art-main"> ( вся страница кроме подвала)
<div class="art-footer"> (подвал)

Стили для указанных блоков :

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
html 
{
  height:100%;
}
body
{
  padding: 0; 
  margin:0;
  color: #C7C7C7;
  height:auto !important;
  position: relative;
  background-color: #262626;
  background-image: url('images/Bottom_texture.jpg');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: top left;
  min-width: 700px;
  min-height: 100%;
}
 
#art-main
{
  position: relative;
  z-index: 0;
  width: 100%;
  min-height: 100%;
  height: auto !important;
  height: 100%;           
  left: 0;
  top: 0;
  cursor:default;
  overflow:visible;
}
.hFooter { - распорка размещена в art-main
 clear: both;
 height: 50px;
}
/* begin Footer */
.art-footer
{
  position: relative;
  margin-top:0;
  margin-bottom:0;
  width: 100%;
 
}

Т.е. собственно говоря хотел растянуть art-main на всю высоту , так как при малом кол-ве контента подвал уезжает вверх. Проблема в том, что не хочет он никак занимать 100% высоты.

@Tesla · 27.06.2012, 16:02

Во-первых форматируй код с своём соопщении спецыальными тегами (когда пишеш текст соопщение с панели сверху есть кнопочка "html" i "css")
И желательно было бы ищё добавить к соопщению скрин шот.

Я толком не понял, но скорее всево иза тово что мало контента на сайте, блок (до футера) получаеца маленьким, и футер, будучи блочным елементом, прижымаеца сразу к краю блока с контентом.

CSS
1
min-height: 100%;

ето неправильно, страница не имеет конкретной высоты как шырина, задай в пикселях min-height:600px; . Или на JS написать чтобы блок с контентом был почти на весь екран

@Dis · 27.06.2012, 16:19 **[ТС]**

Я сразу написал при малом кол-ве контента подвал уезжает вверх.
Js знаю очень слабо. А фиксированная

CSS
1
min-height:600px;

это к чему ? У меня например моник 22, высота 1080, подвал не будет прижат. Задач чтобы при любом разрешении экрана, подвал бы прижат к низу.

@Tesla · 27.06.2012, 16:32

Сообщение от Dis

Я сразу написал при малом кол-ве контента подвал уезжает вверх.
Js знаю очень слабо. А фиксированная

CSS
1
min-height:600px;

это к чему ? У меня например моник 22, высота 1080, подвал не будет прижат. Задач чтобы при любом разрешении экрана, подвал бы прижат к низу.

Тогда поможет только JavaScript, тебе тогда в другой раздел

@OttoFonBismark · 27.06.2012, 16:41

Роби так.

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
#art-main
{
position: relative;
z-index: 0;
width: 100%;
min-height: 100%;
 
height: 80%;
left: 0;
top: 0;
cursor:default;
overflow:visible;
}

і буде щастя. Не правильно там задавати висоту 100%. Зарезервуй одразу на футер 20% а на головну 80%. А в залежності від матеріалу змінюй цсс через JQuery і все буде ок. Спробуй так

@Dis · 27.06.2012, 16:51 **[ТС]**

Сообщение от OttoFonBismark

Роби так.

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
#art-main
{
position: relative;
z-index: 0;
width: 100%;
min-height: 100%;
 
height: 80%;
left: 0;
top: 0;
cursor:default;
overflow:visible;
}

і буде щастя. Не правильно там задавати висоту 100%. Зарезервуй одразу на футер 20% а на головну 80%. А в залежності від матеріалу змінюй цсс через JQuery і все буде ок. Спробуй так

Ну подвалу можно задать отступ отрицательный, будет наезжать на пустую распорку. Поэтому и 100 % пойдёт. А вот насчёт JQuery, знаний у меня маловато. попробую сейчас вопрос кинуть в JS ветку.

@OttoFonBismark · 27.06.2012, 16:54

якщо цікаво то спробуй так

HTML5
1
$(".content").height(30)

і почитай тут http://jquery.page2page.ru/ind... 1%82%D0%B0

@rean1mator · 28.06.2012, 10:01

Стоп.
не надо сюда пихать скрипты.
Смотри по этому примеру http://livadiya-hospital.org

если интересует, как футер на больших разрешениях будет себя вести, то сделай зум в браузере на отдаление

Новые блоги и статьи Все статьи Все блоги /
Автоматическое создание документа при проведении другого документа Maks 29.03.2026 Реализация из решения ниже выполнена на нетиповых документах, разработанных в конфигурации КА2. Есть нетиповой документ "ЗаявкаНаРемонтСпецтехники" и нетиповой документ "ПланированиеСпецтехники". В. . .	Настройка движения справочника по регистру сведений Maks 29.03.2026 Решение ниже реализовано на примере нетипового справочника "ТарифыМобильнойСвязи" разработанного в конфигурации КА2, с целью учета корпоративной мобильной связи в коммерческом предприятии. . . .	Автозаполнение реквизита при выборе элемента справочника Maks 27.03.2026 Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. При выборе "Спецтехники" (Тип Справочник. Спецтехника), заполняется. . .	Сумматор с применением элементов трёх состояний. Hrethgir 26.03.2026 Тут. https:/ / fips. ru/ EGD/ ab3c85c8-836d-4866-871b-c2f0c5d77fbc Первый документ красиво выглядит, но без схемы. Это конечно не даёт никаких плюсов автору, но тем не менее. . . всё может быть. . .
Автозаполнение реквизитов при создании документа Maks 26.03.2026 Программный код из решения ниже размещается в модуле объекта документа, в процедуре "ПриСозданииНаСервере". Алгоритм проверки заполнения реализован для исключения перезаписи значения реквизита,. . .	Команды формы и диалоговое окно Maks 26.03.2026 1. Команда формы "ЗаполнитьЗапчасти". Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. В качестве источника данных. . .	Кому нужен AOT? DevAlt 26.03.2026 Решил сделать простой ланчер Написал заготовку: dotnet new console --aot -o UrlHandler var items = args. Split(":"); var tag = items; var id = items; var executable = args;. . .	Отправка уведомления на почту при создании или изменении элементов справочника Maks 24.03.2026 Программная отправка письма электронной почты на примере типового справочника "Склады" в конфигурации БП3. Перед реализацией необходимо выполнить настройку системной учетной записи электронной. . .

@rean1mator 84 / 84 / 1 Регистрация: 19.01.2011 Сообщений: 442
	28.06.2012, 10:01
	Стоп. не надо сюда пихать скрипты. Смотри по этому примеру http://livadiya-hospital.org если интересует, как футер на больших разрешениях будет себя вести, то сделай зум в браузере на отдаление 0