pozycjonowanie stopki [css]

pytanie zadane 19 grudnia 2015 w HTML i CSS przez medamis Użytkownik (660 p.)

Witajcie! Mam pytanie odnośnie ustawienia stopki, ponieważ jakiegoś fragmentu pewnie zapomniałem. Mianowicie jeśli w contencie mam treść, obrazki i napisy to stopka jest na swoim miejscu - mam ustawiony min-height contentu natomiast jeśli usune część treści z contentu stopka wskakuje do góry. Co mogę zrobić aby stopka zawsze stała na swoim miejscu?

Z góry dziękuję!

4 odpowiedzi

odpowiedź 19 grudnia 2015 przez Albert221 Obywatel (1,980 p.)
wybrane 19 grudnia 2015 przez medamis

Najlepsza

Bez kodu trochę ciężko, ale zgaduję, że jakieś dzieci contentu floatują i dlatego stopka leży na contencie. Spróbuj zastosować .clearfix na stopce.

komentarz 19 grudnia 2015 przez medamis Użytkownik (660 p.)

http://justpaste.it/mojcss

komentarz 19 grudnia 2015 przez Albert221 Obywatel (1,980 p.)

Usuń z CSSa float: bottom; nie istnieje coś takiego jak bottom. Mógłbyś jeszcze podać kod HTML żebym mógł u siebie odtworzyć problem?

komentarz 19 grudnia 2015 przez medamis Użytkownik (660 p.)

http://justpaste.it/mojhtml

komentarz 19 grudnia 2015 przez Albert221 Obywatel (1,980 p.)

Hm, dziwne, bo u mnie po usunięciu wszystkich elementów z .content stopka dalej jest na swoim miejscu. Swoją drogą jeżeli chcesz żeby stopka nie wychodziła poza szerokość strony to użyj border-boxa. Dodaj na samą górę CSSa

* { box-sizing: border-box; }

i poczytaj o tym np. tutaj https://css-tricks.com/box-sizing/ żeby zrozumieć co to jest i jak to działa :)

komentarz 19 grudnia 2015 przez medamis Użytkownik (660 p.)

no po użyciu tego na indexie jest okej tylko że topbar wtedy się skraca a na drugiej podstronie stopka i tak jest lekko w prawo przesunięta. No cóż będę musiał się z tym zapoznać. Dziękuję Ci bardzo :)

odpowiedź 19 grudnia 2015 przez Eimens Maniak (69,240 p.)

position: absolute;

bottom: 0;

albo

margin-top: xyzpx;

pierwszy sposób lepszy, tylko dla containera daj position: relative;

Zajrzyj: http://forum.webhelp.pl/css/pozycjonowanie-stopki-t180958.html

komentarz 19 grudnia 2015 przez medamis Użytkownik (660 p.)

Ooo jest wszystko pięknie tylko jeszcze mam pytanie czy szerokość mogę jakość automatycznie dostosować do contentu czy muszę liczbowo sam wpisywać width?

komentarz 19 grudnia 2015 przez Eimens Maniak (69,240 p.)

width: 100%;

Ustawi się na całą szerokość swojego rodzica, czyli contentu :)

komentarz 19 grudnia 2015 przez medamis Użytkownik (660 p.)

Próbowałem tak właśnie ale wygląda to tak pewnie popełniłem błąd gdzieś wcześniej.

komentarz 20 grudnia 2015 przez Eimens Maniak (69,240 p.)

Stopka ma padding?

Daj dla wszystkich elementów box-sizing: border-box;

czyli tak

* {

box-sizing: border-box;

}

Gdzieś na początku arkusza css :)

odpowiedź 25 lutego 2016 przez dan2za Nowicjusz (190 p.)

Witajcie,

Ja także walczę ze swoją stopką i proszę Was o pomoc. Przejrzałem już kilka poradników, wdrożyłem zalecane rozwiązania jednak problem pojawia zawsze pod inną postacią. Kiedy stopka ma ustawione position: absolute; przykleja się do contentu, kiedy dam fixed niby siedzi u dołu, ale jest zawsze widoczna i nachodzi na zawartość strony.

Proszę Was o pomoc. Strona .rar http://www119.zippyshare.com/v/EaWxhD1t/file.html