Problem z Footerem [Początkujący]

częściowo udało mi się rozwiązać mój problem ale tylko częściowo bo przy pełnej treści w contencie stopka jest na dole ale jak treści jest mniej stopka wędruje do góry. Próbowałem zastosować Twój sposób z wrapperem ale nic to nie dało tak mi się wydaje ze mam coś w kodzie nie tak i że neutralizuje działanie kodu wrappera, ale czy we wrapperze ma być dwa razy "height"?

Tak, bo to ma być zabezpieczenie crossbrowserowe.

dodaj jeszcze to:

html, body {
	margin:0;
	height: 100%;
}

A we wrapperze ta część:

padding: 0 0 70px;
margin: 0 auto -70px;

Powinna raczej wyglądać tak:

padding: 0 0 50px;
margin: 0 auto -70px;

Przy założeniu że footer ma wysokość 20px i ma być 50 pixeli od wrappera

Dalej coś nie gra ;/ żeby nie zaśmiecać forum wrzuciłem na codepen  http://codepen.io/anon/pen/rCaKj

Ciągle masz bałagan w kodzie, zrób z nim porządek.

Demo: 

http://img.unbreak.pl/test.html

http://img.unbreak.pl/test2.html

Działa? Działa.

OK udało mi się wszystko chodzi ale jest małe ale jak mam mało treści na stronie to footer jest jakieś 30px pod spotem tak ze pomimo "pustego" pola textowego pojawia się pasek po prawej scroll a chciałbym żeby jednak jak jest mało treści cała strona mieściła się w oknie przeglądarki próbowałem z margin auto -30px itd ale nie dało to oczekiwanego efektu dlatego ze po dodaniu większej ilości tekstu tekst przykrywa footer.

Wrapperowi ustaw padding: 0 i margin-bottom:-30px

Do wrappera dodaj innego diva i jemu daj padding-bottom:30px (lub więcej)