Не получается сделать футер

@SuLLeN · Регистрация: 27.12.2011

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

Доброго времени суток!
Сверстал сайт, но почему то по мере заполнения центра, футер не спускается вниз, а потихоньку налезает на цент.
Как быть, что делать?
Вот коды футера:
css:

CSS
1
#footer {height:30px;margin-top:-30px;text-align:center;color:white;}

html:

HTML5
1
2
3
<div id='footer'>
<a>Copyright by SuLLeN</a>
</div>

@Lane · 07.04.2012, 20:02

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

<a>Copyright by SuLLeN</a>

У тега <а> явно чегото не хватает.. А так - футер как футер..

@vadimgrig · 08.04.2012, 00:09

Если конструкция сайта такова, то:

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
<body>
<div class=Обертка для сайта>
<div class=header></div>
 
<div class=Обертка для сайда и контента >
  <div class=sideBar></div>
  <div class=Content></div>
<div class="clear"></div><!--И в стилях для него прописать .clear { clear: both;}-->
 
</div>
<div class=footer></div>
</div>
</body>

@.Lexx. · 08.04.2012, 17:47

clear: both;
свойство показывает с какой стороны у нас не должно быть обтекания(т.е. фактически обратно свойству float).
Не первый раз вижу такое дело.
предполагаю: чтобы футер ненароком не залез на блоки(которые над ним) или куда-нибудь сбоку от них, правильно? или нет?!

@SuLLeN · 08.04.2012, 21:03 **[ТС]**

Сообщение от .Lexx.

clear: both;
свойство показывает с какой стороны у нас не должно быть обтекания(т.е. фактически обратно свойству float).
Не первый раз вижу такое дело.
предполагаю: чтобы футер ненароком не залез на блоки(которые над ним) или куда-нибудь сбоку от них, правильно? или нет?!

Все верно

А проблему то как решить?

@vadimgrig · 09.04.2012, 08:53

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

Все верно

А проблему то как решить?

Покажи html и css файлы, а также скрин с сайтом(и самой проблемой)!
Частенько футер налазит на верхние блоки, именно из за свойства float.
А clear: both; сразу отменяет этот бок!

Новые блоги и статьи Все статьи Все блоги /
модель ЗдравоСохранения 8. Подготовка к разному выполнению заданий anaschu 08.04.2026 https:/ / github. com/ shumilovas/ med2. git main ветка * содержимое блока дэлэй из старой модели теперь внутри зайца новой модели 8ATzM_2aurI	Блокировка документа от изменений, если он открыт у другого пользователя Maks 08.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в конфигурации КА2. Задача: запретить редактирование документа, если он открыт у другого пользователя. / / . . .	Система безопасности+живучести для сервера-слоя интернета (сети). Двойная привязка. Hrethgir 08.04.2026 Далее были размышления о системе безопасности. Сообщения с наклонным текстом - мои. А как нам будет можно проверить, что ссылка наша, а не подделана хулиганами, которая выбросит на другую ветку и. . .	Модель ЗдрввоСохранения 7: больше работников, больше ресурсов. anaschu 08.04.2026 работников и заданий может быть сколько угодно, но настроено всё так, что используется пока что только 20% kYBz3eJf3jQ
Дальние перспективы сервера - слоя сети с космологическим дизайном интефейса карты и логики. Hrethgir 07.04.2026 Дальнейшее ближайшее планирование вывело к размышлениям над дальними перспективами. И вот тут может быть даже будут нужны оценки специалистов, так как в дальних перспективах всё может очень сильно. . .	Горе от ума kumehtar 07.04.2026 Эта мне ментальная установка, что вот прямо сейчас, мол, мне для полного счастья не хватает (нужное вписать), и когда я этого достигну - тогда и полный кайф. Одна из самых сильных ловушек на пути. . . .	Использование значений реквизитов справочника в документе, с определенными условиями и правами Maks 07.04.2026 1. Контроль срока действия договора Алгоритм из решения ниже реализован на примере нетипового документа "ЗаявкаНаРаботу", разработанного в конфигурации КА2. Задача: уведомлять пользователя, если. . .	Доступность команды формы по условию Maks 07.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: сделать доступной кнопку (команда формы "ЗавершитьСписание") при. . .

@.Lexx. 5 / 5 / 1 Регистрация: 06.07.2011 Сообщений: 157
	08.04.2012, 17:47
	clear: both; свойство показывает с какой стороны у нас не должно быть обтекания(т.е. фактически обратно свойству float). Не первый раз вижу такое дело. предполагаю: чтобы футер ненароком не залез на блоки(которые над ним) или куда-нибудь сбоку от них, правильно? или нет?! 0