Выравнивание футера по низу

@Dimson_mc · Регистрация: 28.09.2010

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

Здравсте. Это снова я со своими нудными вопросами. На этот раз я хочу сдлеать так, чтобы футер был внизу страницы если контент меньше высоты страницы и под контентом если контент больше высоты страницы! выдаю ШТМЛ и css последовательно:

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
<div id="main" align="center">
<div id="header">
    <a href="index.php"></a>
</div>
 
<div id="menu" align="center">
    <ul>
        <li id="mainpage"><a href=""></a></li>
        <li id="portfolio"><a href=""></a></li>
        <li id="servises"><a href=""></a></li>
        <li id="order"><a href=""></a></li>
        <li id="contact"><a href=""></a></li>
    </ul>
</div>
 
<div id="content">
    <div id="article">
        <div id="artheader">
        <p>
        Article
        </p>
        </div>
        <div id="artcontent"
        <p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.
        </p>
        </div>
    </div>
</div>
 
<div  id="up">
<a href=""></a>
</div>
 
<div id="line">
</div>
 
<div id="footer" align="center">
</div>
</div>

CSS
1
2
3
4
5
6
7
8
9
10
#footer {
    background-image:url(images/footer.jpg);
    background-position:bottom center;
    background-repeat:no-repeat;
    display:block;
    position:relative;
    height: 74px;
    width:850px;
    margin-bottom:0;
}

прошу помочь, заранне спасибо!!!

З.Ы. остальную часть кода не комментируйте пожалуйста, не отходите от темы

@Mailo · 19.09.2011, 08:59

попробуй поиграться с параметром height в %
Например: возьми всё кроме футера в блок и дай ему 90%. Футер при этом должен быть тоже в отдельом блоке с 10% и с необхдимым отступом сверку и низу внутри блока.

Новые блоги и статьи Все статьи Все блоги /
http://iceja.net/ сервер решения полиномов iceja 18.01.2026 Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .	Первый деплой lagorue 16.01.2026 Не спеша развернул своё 1ое приложение в kubernetes. А дальше мне интересно создать 1фронтэнд приложения и 2 бэкэнд приложения развернуть 2 деплоя в кубере получится 2 сервиса и что-бы они. . .	Расчёт переходных процессов в цепи постоянного тока igorrr37 16.01.2026 / * Дана цепь постоянного тока с R, L, C, k(ключ), U, E, J. Программа составляет систему уравнений по 1 и 2 законам Кирхгофа, решает её и находит: токи, напряжения и их 1 и 2 производные при t = 0;. . .	Восстановить юзерскрипты Greasemonkey из бэкапа браузера damix 15.01.2026 Если восстановить из бэкапа профиль Firefox после переустановки винды, то список юзерскриптов в Greasemonkey будет пустым. Но восстановить их можно так. Для этого понадобится консольная утилита. . .
Изучаю kubernetes lagorue 13.01.2026 А пригодятся-ли мне знания kubernetes в России?	Сукцессия микоризы: основная теория в виде двух уравнений. anaschu 11.01.2026 https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/	WordPad для Windows 11 Jel 10.01.2026 WordPad для Windows 11 — это приложение, которое восстанавливает классический текстовый редактор WordPad в операционной системе Windows 11. После того как Microsoft исключила WordPad из. . .	Classic Notepad for Windows 11 Jel 10.01.2026 Old Classic Notepad for Windows 11 Приложение для Windows 11, позволяющее пользователям вернуть классическую версию текстового редактора «Блокнот» из Windows 10. Программа предоставляет более. . .

@Mailo 248 / 226 / 31 Регистрация: 18.02.2010 Сообщений: 2,312
	19.09.2011, 08:59
	попробуй поиграться с параметром height в % Например: возьми всё кроме футера в блок и дай ему 90%. Футер при этом должен быть тоже в отдельом блоке с 10% и с необхдимым отступом сверку и низу внутри блока. 0