Diskuze: Footer vzdy prilepenej dole

Tvůrce

Zobrazeno 13 zpráv z 13.
Do webů nedělám, ale první odkaz z googlu
http://www.cssreset.com/how-to-keep-footer-at-bottom-of-page-with-css/
Každopádně to, že je content stránky na 2 řádky není moc běžné, takže bych to asi nepoužíval.
Na tohle jsem se koukal taky, ale ono mi to když má stránka několik
řádku tak ten footer drží dole, ale když pak dam trochu víc, a
proscrolluju, tak footer už je několik stovek pixelu nad místem kde by měl
být.
PS: I když možná jsem to špatně opsal, zkusím to znovu.
To je že ten footer je tam fixlej furt (jako tu na itnetwork když daš pryč ten JS nebo co to je ) , ja jen potřebují aby držel dole když se k němu proscrolluju.
PS: Ten navod nejde, zkusil jsem to znovu a footer je hned pod contentem
místo toho aby držel uplně dole.
Tohle mi to dělá furt i když jsem dal do contentu
margin: 0 auto -40px;
40px je šířka footeru
u body mám
height: 100%;
padding: 0;
margin: 0 auto;
u wrapperu
min-height: 100%;
Tento problém som musel riešit aj ja. Wrapperu pridaj
position:relative; padding-bottom: 40px;
A footeru pridaj
position:absolute;
A bolo by dobré keby si nám pridal tvoje kódy.
CSS
body {
height: 100%;
padding: 0;
margin: 0 auto;
}
.wrapper {
min-height: 100%;
}
header {
background: #ff0;
padding: 20px;
}
.main {
overflow: auto;
padding-bottom: 40px;
}
footer{
position: absolute;
height: 40px;
}
HTML
<body>
<div class="wrapper">
<header>
<nav>
<a href="#" class="nav_left">A</a>
<a href="#" class="nav_left">B</a>
<a href="#" class="nav_left">C</a>
</nav>
</header>
<article class="main">
<?php include(''); ?>
</article>
<footer>
© <?php echo (date('Y')); ?>
</footer>
</div>
</body>
Udělal jsem si pro test footru úplně novou html page i css, abych si
neničil starý
Myslím že to funguje http://jsfiddle.net/7bVe7/ .
Divné v chromu to vypadá úplně jinak, mám footer hned u headeru.
Nic méně přidál jsem tam lore ipsum 5 odstavcu a viz.:
Tohle mi to dělá furt, jak bych to nepředělál.
http://jsfiddle.net/7bVe7/3/ Toto by už fungovať malo. Pridal som iba výšku html na 100%.
Aha, to mě nenapadlo dát html, výšku
Díky
Zobrazeno 13 zpráv z 13.