Witamy na forum PC Format Zapraszamy do REJESTRACJI


Użytkownicy przeglądający ten wątek: 1 gości

[CSS] problem ze stopką na stronie - nie trzyma się dołu strony.

#1
[CSS] problem ze stopką na stronie - nie trzyma się dołu strony.
Cześć,

Mam mały problem z footerem na stronie. Strona składa się z ~8 podstron, wszystkie o różnej długości (logiczne) - w przypadku długich podstron footer grzecznie trzyma się na samym dole strony. Natomiast w wypadku stron składających się z małej partii tekstu jest zawieszony po środku strony.

Strony mają strukturę:
Kod PHP:
menu
<main>
    <
article>
    </
article>
</
main>
<
footer>
</
footer

natomiast CSS jakiego używam to:
Kod:
footer {
  position: absolute;
  text-align: center;
  background-color: #141414;
  color: #ffffff;
  clear: both;
  width: 100%;
}

body{
  min-height: 100%;
  height: 100%;
  background-color: #f7f7f7 ;
  box-shadow: 16px 0px 5px -5px #999 inset, -16px 0px 5px -5px #999 inset;
}

article{
  text-align: justify;
  margin-right: auto;
  margin-left: auto;
  padding: 10px;
  padding-bottom: 3em;
  width: 1024px;
  color: #333;
  min-height: 100%;
  height: auto;
  font: 14px/1.5 sans-serif;
}

article h1{
  padding-bottom: 0px;
}

#podpis a{
  font-weight: bold;
  text-decoration: none;
  color: #333;
}

CSS jest obecnie zmieniany na zasadzie "może jak tu dopiszę ten parametr to zadziała" więc nie jest najładniejszy.

Główny problem jest ten - chcę by tag body zajmował cały ekran przeglądarki i niezależnie od ilości informacji na niej był zawsze na samym dole ekranu, obecnie jest zaraz pod tekstem - jeżeli jest długi to fajnie, jakoś to wygląda ale jeżeli ma 5 linijek to footer jak i body kończą się zaraz pod tekstem.
Pomagam zwiększyć widoczność w sieci. Wesoły

Każdy dzień bez forum to dzień stracony.
 System operacyjny: windows_eight Przeglądarka: firefox
#2
RE: [CSS] problem ze stopką na stronie - nie trzyma się dołu strony.
Na szybko: position: absolute; bottom: 20px;

http://www.w3schools.com/css/css_positioning.asp
 System operacyjny: windows_seven Przeglądarka: firefox
#3
RE: [CSS] problem ze stopką na stronie - nie trzyma się dołu strony.
Próbowałem tego, jedyne rozwiązanie jakie mi przyszło do głowy to zmiana kodu CSS na:
Kod:
footer {
  position: absolute;
  text-align: center;
  background-color: #141414;
  color: #ffffff;
  clear: both;
  width: 100%;
}

#small{
  bottom: 0px;
}

I ustawienie id 'small' dla strony z małą ilością tekstu. Kiedy bottom: 0px było ustawione dla wszystkich stron niezależnie od ich rozmiaru pasek footera zostawał na ekranie, tak przynajmniej mam małe obejście.

Nie cierpię CSS.
Pomagam zwiększyć widoczność w sieci. Wesoły

Każdy dzień bez forum to dzień stracony.
 System operacyjny: windows_eight Przeglądarka: firefox
#4
RE: [CSS] problem ze stopką na stronie - nie trzyma się dołu strony.
Może RWD?

Kod:
@media (min-height: 500px) { article { height: 500px; } }
[Obrazek: musicbar.php?username=hatesz&color=red&u...unicode=no]
 System operacyjny: macos Przeglądarka: safari
#5
RE: [CSS] problem ze stopką na stronie - nie trzyma się dołu strony.
Możliwe. Póki co widzę że zrobiłem duży błąd nie tworząc na początek szablonów. Niby to kilka podstron ale czuję, że wszystkie problemy wynikają z tego że nie zaplanowałem dobrze początkowej fazy. Chwilowo rozważam przepisanie szkieletu strony całkowicie od nowa, możliwe że jest to rozsądniejsze niż marnowanie godzin na dłubanie przy wielu mniejszych czy większych problemach.
Pomagam zwiększyć widoczność w sieci. Wesoły

Każdy dzień bez forum to dzień stracony.
 System operacyjny: windows_eight Przeglądarka: firefox
Programy: Polecane / Nowe / Inne




Podobne wątki ([CSS] problem ze stopką na stronie - nie trzyma się dołu strony.)
Wątek: Autor Odpowiedzi: Wyświetleń: Ostatni post
  A propo scalania kilku efektów , warstw graficznych w CSS proohno 0 1216 10.04.2020, 16:58
Ostatni post: proohno
Ściana HTML5, CSS, Jak ustawić logo strony ze zdjecia jootiii 1 2062 10.06.2018, 14:40
Ostatni post: raxer
  Pytanie - 12 lat html,css ivall 1 6598 21.10.2017, 22:40
Ostatni post: Ajgor

Skocz do:


Wybrane wątki ([CSS] problem ze stopką na stronie - nie trzyma się dołu strony.)
Wątek: Autor Odpowiedzi: Wyświetleń: Ostatni post
  PHP - przycisk wykonujący równanie SalyWan 1 4538 03.10.2019 16:11
Ostatni post: Szachista
  Skopiowanie strony forum przez program HTTrack Website Copier ANDREAN 9 7598 06.09.2019 21:51
Ostatni post: ANDREAN
  Poszukuję skryptu ogłoszeń / Joomla. dongtuuyen 2 6944 25.07.2019 09:56
Ostatni post: Spidi
  Upload pliku na serwer i do bazy danych mati514 3 7680 16.05.2019 17:12
Ostatni post: mati514
Big Grin [PHP] Rotator linków, który nie wyświetli danego linka. semozo 1 8619 13.04.2019 10:29
Ostatni post: wlisik
  Wywołanie diva funkcją SebastianF 3 9081 25.03.2019 10:55
Ostatni post: hydr4x
Scared front-end czy back-end gbr 7 14261 23.03.2019 16:56
Ostatni post: luciussulla
  Gdzie odpłatnie wypozycjonować swoją stronę w html5 w google za 100zł? aktywny27 13 29744 17.02.2019 21:44
Ostatni post: SEMPIRE
  xampp konwersja video milutki182 3 14610 10.02.2019 13:18
Ostatni post: Ajgor
  HTML a Wordpress Majki_77 3 13457 10.02.2019 13:17
Ostatni post: Ajgor
  Gotowe klasy xCart 0 8318 08.02.2019 17:16
Ostatni post: xCart
  Jak ustawić tekst na środku ekranu buzek1 4 3464 08.02.2019 17:07
Ostatni post: xCart
Ściana Problem a zaktualizacją Joomla 3.6.5 do 3.8.8 CREATIVE_ 14 30123 13.01.2019 06:00
Ostatni post: CREATIVE_
  Xampp i CMS Made Simple Echelon 1 9377 07.12.2018 14:35
Ostatni post: raxer
  Problem z certyfikatem na sslforfree.com gentleman 2 10789 11.10.2018 17:09
Ostatni post: Michu_PL