Прижать footer к нижней части страницы

@машечка · Регистрация: 02.10.2011

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

Помогите прижать footer к нижней части странице, перерыла весь интернет но ни че не подходит

вот HTML файл

HTML5
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
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
<html xmlns="http://www.w3.org/1999/xhtml">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Курсовая сайта провайдера</title>
<link href="itog.css" rel="stylesheet" type="text/css" />
<link href="css.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="jquery-1.2.6.min.js"></script>
<script type="text/javascript" src="ui.core.js"></script>
<script type="text/javascript" src="jquery.scrollFollow.js"></script>
    <script type="text/javascript">
        $( document ).ready( function ()
            {
                $( '#example' ).scrollFollow(); // выбираем элемент с id example и просто прицепляем ему ф-цию
            }
        );
    </script>
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js?ver=1.3.2'></script>
<script type="text/javascript">
 $(function() {
  var offset = $("#example").offset();
  var topPadding = 15;
  $(window).scroll(function() {
   if ($(window).scrollTop() > offset.top) {
    $("#example").stop().animate({marginTop: $(window).scrollTop() - offset.top + topPadding});
   }
   else {$("#example").stop().animate({marginTop: 0});};});
 });
</script>
</head>
<body>
<div id="conteiner">
    <div id="top"></div>
    <div id="top1"><a href="index.html"><b></a><font size="5" align=left>Екатер<a href="index.html"><img src="logo1.jpg" border="0" align=left /></a>инбург<br> Адрес:р-н:ЖБИ <br>улица:Сыромолотова <br>Телефон:</font></b></div>
    <div id="example"><font align="center">
      <a href="index.html" onclik="return false"><h><font size="5"> главная | </h></a></font>
      <a href="novosti.html" onclik="return false"><h><font size="5">  новости | </h></a>
      <a href="praic.html" onclik="return false"><h><font size="5">  прайс |</h></a>
          <a href="spravka.html" onclik="return false"><h><font size="5">  справка | </a></h></font>
    </font>
    </div>
 
 <div id="l_bar"><font size="4" align=left>ПРОДУКЦИЯ:
    <li>Чай</li>
    <li>Мягкие капсулы</li>
    <li>Соль для ванны</li>
    <li></li>
    <li></li>
    <li></li>
    </font> 
    </div>
  <div id="main"><h1>Продукция Хао Ган (Haogang)</h1>
    <img src="log.jpg" border="0" align=left><font size="4" align=center> Развитие Компании "Haogang Technology Co., ltd" Компания Хао Ган (Haogang) существует более 25 лет. Имеет собственные фармацевтические заводы.Лекарственная продукция продается в аптеках не только Китая, но и в странах Юго-Восточной Азии.
С 2003 года, кроме лекарственных препаратов, компания Хао Ган (Haogang) начала выпуск биологически-активных добавок (БАД).
В 2009 году Хао Ган принимает решение о развитии как сетевой компании, с выходом на европейский рынок. Так в апреле 2009 регистрируется компания "Haogang Technology Co. ltd" - OOO "Хао Ган "Техника"
Компания Хао Ган начала свое развитие как сетевая компания с продукции "Горькая гречиха", после этого добавилась серия БАД под торговой маркой "Healthwish" - мягкие капсулы на основе соевого масла; серия продукции с использованием турмалина - "Chinfond"; косметическая серия "Criusk"
Компния Хао Ган - международная компания. К 2010 году мы работали уже в 17 странах: Украина, Молдова,Румыния, Болгария, Турция, Македония, Сербия, Босния и Герциговина, Хорватия, Венгрия, Словакия, Австрия, Польша, Латвия, Литва, Эстония. Планируется открытие Казахстана.
 
На текущий момент компания Хао Ган делает акцент на развитии Российского региона. В фокусе внимания - продвижение в Сибирь и на Дальний Восток. Одновременно будет осуществляться максимальная поддержка бизнеса в Восточной Европе.
 
В мае 2010 - открыто представительство компании Хао Ган в Москве. В Казани официальными представителями компании Хао Ган был открыт склад. Адрес склада Хао Ган в г. Казани: ул. Московская, 31/6, офис 306. В ближайшие 1-2 года будут строиться потребительские сети, вместе с расширением ассортимента.
Развитие Компании "Haogang Technology Co., ltd" Компания Хао Ган (Haogang) существует более 25 лет. Имеет собственные фармацевтические заводы.Лекарственная продукция продается в аптеках не только Китая, но и в странах Юго-Восточной Азии.
С 2003 года, кроме лекарственных препаратов, компания Хао Ган (Haogang) начала выпуск биологически-активных добавок (БАД).
В 2009 году Хао Ган принимает решение о развитии как сетевой компании, с выходом на европейский рынок. Так в апреле 2009 регистрируется компания "Haogang Technology Co. ltd" - OOO "Хао Ган "Техника"
Компания Хао Ган начала свое развитие как сетевая компания с продукции "Горькая гречиха", после этого добавилась серия БАД под торговой маркой "Healthwish" - мягкие капсулы на основе соевого масла; серия продукции с использованием турмалина - "Chinfond"; косметическая серия "Criusk"
Компния Хао Ган - международная компания. К 2010 году мы работали уже в 17 странах: Украина, Молдова,Румыния, Болгария, Турция, Македония, Сербия, Босния и Герциговина, Хорватия, Венгрия, Словакия, Австрия, Польша, Латвия, Литва, Эстония. Планируется открытие Казахстана.
 
На текущий момент компания Хао Ган делает акцент на развитии Российского региона. В фокусе внимания - продвижение в Сибирь и на Дальний Восток. Одновременно будет осуществляться максимальная поддержка бизнеса в Восточной Европе.
 
В мае 2010 - открыто представительство компании Хао Ган в Москве. В Казани официальными представителями компании Хао Ган был открыт склад. Адрес склада Хао Ган в г. Казани: ул. Московская, 31/6, офис 306. В ближайшие 1-2 года будут строиться потребительские сети, вместе с расширением ассортимента.
 
Развитие Компании "Haogang Technology Co., ltd" Компания Хао Ган (Haogang) существует более 25 лет. Имеет собственные фармацевтические заводы.Лекарственная продукция продается в аптеках не только Китая, но и в странах Юго-Восточной Азии.
С 2003 года, кроме лекарственных препаратов, компания Хао Ган (Haogang) начала выпуск биологически-активных добавок (БАД).
В 2009 году Хао Ган принимает решение о развитии как сетевой компании, с выходом на европейский рынок. Так в апреле 2009 регистрируется компания "Haogang Technology Co. ltd" - OOO "Хао Ган "Техника"
Компания Хао Ган начала свое развитие как сетевая компания с продукции "Горькая гречиха", после этого добавилась серия БАД под торговой маркой "Healthwish" - мягкие капсулы на основе соевого масла; серия продукции с использованием турмалина - "Chinfond"; косметическая серия "Criusk"
Компния Хао Ган - международная компания. К 2010 году мы работали уже в 17 странах: Украина, Молдова,Румыния, Болгария, Турция, Македония, Сербия, Босния и Герциговина, Хорватия, Венгрия, Словакия, Австрия, Польша, Латвия, Литва, Эстония. Планируется открытие Казахстана.
 
На текущий момент компания Хао Ган делает акцент на развитии Российского региона. В фокусе внимания - продвижение в Сибирь и на Дальний Восток. Одновременно будет осуществляться максимальная поддержка бизнеса в Восточной Европе.
 
В мае 2010 - открыто представительство компании Хао Ган в Москве. В Казани официальными представителями компании Хао Ган был открыт склад. Адрес склада Хао Ган в г. Казани: ул. Московская, 31/6, офис 306. В ближайшие 1-2 года будут строиться потребительские сети, вместе с расширением ассортимента.
 
    </div>
<div id="r_bar"><font size="4" align=center>Реклама</font></div>
</div>
</body>
</html>

а вот css файл

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
body{
font family: "Arial", Courier, monospace;
color: #000000;
background: url(logo.jpg) no-repeat fixed 50% 50%;
margin:0px;
padding:0px;
}
 
 
#conteiner{
position: relative;
width: 100%;    
}
#top {
    position: absolute;
    width: 100%; height:115px; 
    background:#5eff62; 
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); 
    -moz-opacity: 0.5; 
    -khtml-opacity: 0.5; 
    opacity: 0.5;
}
#top1 {
    position: absolute;
    width: 100%;
    height:120px;
    top: 0.2%;
    text-align:left;
}
 
#example {position: absolute; z-index: 999; width: 50%; top:111px; left:20%; margin: 10px; padding: 5px; background:#6F6; text-align:center;}
 
#l_bar{position: absolute; width: 17%; float:left; top:125px; height:200px; background:#6F6;}
#main{position: absolute; width: 65%;  float:left; top:190px; left:18%;  text-align:left;}
#r_bar{position: absolute; width: 17%; right:0.2%; float:right; top:125px; height:200px; background:#6F6;}

@borovik · 03.05.2012, 18:01

HTML5
1
2
3
4
<body>
    <div>MAIN</div>
    <div class="foot">FOOT</div>
</body>

CSS
1
2
3
4
5
6
7
8
9
10
11
12
div:not(.foot){
    background-image: url(http://wallpampers.ru/pictures/488/Space%20Art%20Wallpapers%2004.jpg);
    height: 700px;
}
div.foot{
    height: 20px;
    width: 100%;
    color: white;
    background-image: url(http://i.artfile.ru/1680x1050_591954_[www.ArtFile.ru].jpg);
    position: fixed;
    bottom: 5px;
}

@машечка · 03.05.2012, 21:59 **[ТС]**

конечно спасибо за это, но надо чтоб (footer) был после заполнения центрального блока (main)

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве 8Observer8 02.02.2026 Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .	Философия технологии iceja 01.02.2026 На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .	SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf 8Observer8 01.02.2026 Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .	SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли 8Observer8 30.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm 8Observer8 30.01.2026 Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .	SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .	Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .	SDL3 для Android: Загрузка PNG с альфа-каналом с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 28.01.2026 Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .

@машечка 0 / 0 / 0 Регистрация: 02.10.2011 Сообщений: 29
	03.05.2012, 21:59 [ТС]
	конечно спасибо за это, но надо чтоб (footer) был после заполнения центрального блока (main) 0