Przyległa stopka do dołu strony - opada zbyt mocno

0

Cześć, korzystam z http://ryanfait.com/resources/footer-stick-to-bottom-of-page/ aby zrobić sobie przyległa stopkę, moja konstrukcja strony wygląda tak:

<html>
<body>
<div id="trzymaj-strone">
    <header>
    </header>
    <div id="zawartosc">
        <div id="trzymacz-jakiejs-strony">
            
        </div>
        <div class="push"></div> 
    </div>
    <footer>
    </footer>
</div>
</body>
</html>

no i chcę, aby był trzymacz-jakiejs-strony odepchnięty od góry o 100px; bo tam mam ustawiony na top header, aby zawsze był na górze, podczas przewijania strony, no i jak ustawię margin-top:100px; dla trzymacz-jakiejs-strony, to wtedy opuszcza się on, ale też stopka opada o 100pxi nawet jak zawartość nie pokrywa całego okna, to muszę przewijać w dół, aby zobaczyć stopkę, bo jest o 100px w dół walnięta... Chciałem dać margin-top: -100px; dla footer ale nic nie daje i nadal mam pustą przestrzeń i muszę jechać w dół, aby zobaczyć stopkę

0

a możesz wrzucić też kod css jakiego używasz (bo z postu wynika, że był modyfikowany).

najlepiej wrzuć całość na http://jsbin.com

0

Wyłącz górny margines (ten w #trzymacz-jakiejs-strony) i nadaj position :absolute; bottom:0; dla #footer, unikałbym ujemnych marginesów - jakoś doświadczalnie przekonałem się o tym przy współpracy z różnymi przeglądarkami :) Poza tym reszta kodu też by wymagała lekkiej przeróbki - bo jak nawalisz sporo tekstu w tym kontenerze, to te 100% jakie tam ustawiasz wszędzie, nic Ci nie pomoże.

0

to ja wiem, że tak można, ale jak będzie absolute i bottom:0, to wtedy stopka zawsze będzie na wierzchu... a po co mi stopka ciągle widoczna, gdy np tekstu jest więcej niż ma dostępny obszar na ekranie, to wtedy przewijam w dół i na dole jest stopka, a nie, że stopka zakrywa tekst i muszę w dół przewijać, bo stopka mi część tekstu będzie zakrywać cały czas :)

0

dobra, padding działa bez problemu :)

1 użytkowników online, w tym zalogowanych: 0, gości: 1