Как закрепить footer?

Question

[Martyer]

Когда много контента, он залазиет на футер..

подскажите как быть, пробовал много из того что в поисковиках и в блогах, но бестолку.

вот мой сайт

вот css:

body {font-family:Arial, Helvetica, sans-serif; min-width:1024px; position: relative; font-size:12px; background:#fff; color:#666;height:100%;} 
html, body {height:100%; }

/*Футер*/
#footer {width: 101%;height: 90px;background: #494949;position: absolute;left: -8px;margin-top: 120%;}  
#textfooter {font-size:13px;color:#fff;width: 470px;}
#menufooter {width: 300px;float: right;margin-top: -40px;list-style-type: none;line-height: 1.3;}

как видите сейчас я вручную задаю отступ от top в процентах.

Answer 1

[Сергей]

Вы творите ужасный ужас.
Скачайте себе какие-нить уроки и посмотрите их для начала. На вашем сайте нельзя решить эту проблему изначально.

Comments

[Martyer]

знаю, но поздно что то менять)

[Сергей]

Martyer: Вы еще ничего не сделали, а менять уже поздно

[Коля]

Martyer: вы так говорите, как будто здесь тысячи строк кода, лучше переделать всё сначала, но правильно, зачем делать такие костыли, еще в привычку войдёт

[Martyer]

Коля: Я упорядочил более менее код

[Сергей]

Martyer: у вас 10 строчек чистейшего говна. Если вы учитесь делать сайты, переделайте как нужно. Меню тоже ужасно, когда наводишь все прыгает, сделайте чтобы цвет менялся только

[Martyer]

Сергей: так написал же упорядочил более менее, сейчас я обратился узнать насчёт серьёзных проблем, а с дизайном буду в последнию очередь разбираться

[Сергей]

Martyer: так мы вам и отвечаем, вы сделали херню и хотите чтобы вам помогли ее доделать. Серьезная проблема - поднятие цен на жкх, а у вас просто бред - это то, что написали в css, вы сделали все абсолютным и хотите чтобы нормально отображалось?

Answer 2

[Vasily Novosad]

Я, обычно, использую такой подход

Comments

[Martyer]

спасибо, попробую)

Answer 3

[xmoonlight]

посмотрите тут

Comments

[Martyer]

не получается. контейнер почему то не растягивается на все 100

[Martyer]

может можно сделать чтобы дпустим сделать маргин-топ не от верху, а от конца контента?

[xmoonlight]

Martyer: margin:0;padding:0 у body не забыли?

[Martyer]

xmoonlight: нет

[Martyer]

основной контейнер куда обернул всё не растягивается на 100 процентов. Доходит до середины экрана и всё, футер там и встаёт если по инструкции..

[xmoonlight]

Martyer: смотрите вычисленные значения стилей: возможно что-то наследуется.

[Martyer]

как выяснилось body даже не растягивается. Боди на пол экрана, вот в чём проблема -_-

[xmoonlight]

Martyer: т.е. я был прав, а из-за чего это происходит - выяснили?

Answer 4

[Ibraguim -]

#footer {
height: 60px;
z-index: 1111;
min-height: 30px;
margin: 0px auto 0;
background: black;
position: relative;
border-top: 1px solid rgba(0, 0, 0, 0.2);
background-position: 50%;
}