Webboard

Pełna wersja: "Przyklejona stopka"
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.
Stron: 1 2
W internecie jest masa poradników na ten temat np. http://matthewjamestaylor.com/blog/keepi...f-the-page
Musisz tylko dopasować css do swoich divów.
Cytat:Znalazłem takie coś: http://webfaces.pl/blog/ciekawe-strony/s...nie-w-css/ ale zupełnie nie wiem jak to ugryźć.
CSS (odzywiście musisz dopasować do swoich klas.)
Kod PHP:
/* tutaj bez zmian wklejasz */
html,
body {
   
margin:0;
   
padding:0;
   
height:100%;
}
/* element który obejmuje całą stronę */
#container {
   
min-height:100%;
   
position:relative;
}
/* element bez nagłówka oraz stopki */
#content {
   
padding:10px;
   
padding-bottom:60px;   /* wysokość stopki */
}
/* stopka */
#footer {
   
position:absolute;
   
bottom:0;
   
width:100%;
   
height:60px;   /* wysokość stopki */

Tak powinno wyglądać ułożenie elementów w html.
Kod:
<div id="container">
   <div id="header"></div>
   <div id="content"></div>
   <div id="footer"></div>
</div>
Inaczej już nie da się tego wytłumaczyć.
No nie bardzo mi to wychodzi...
Stron: 1 2