Dołącz do zespołu ekspertów! Backend lub Frontend Developer?

Sprawdź najnowsze oferty pracy naszego partnera - 8lines.io!

"Przyklejona stopka"

Błąd   Założony przez  HearMe.

Wersja skryptu MyBB: 1.8
Adres forum: obojetni.xaa.pl
Na czym polega problem: Na forum mam stopkę, która zamiast przylegać do paska zadań przylega do wrappera i przez to powstaje "dziura".

1.
[Obrazek: TJeYx5e.png]

2.
[Obrazek: 6dO9MUj.png]
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.)
/* 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.
<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...



Użytkownicy przeglądający ten wątek:

1 gości