Skocz do zawartości

[CSS] Odjeżdzający DIV


Rekomendowane odpowiedzi

Witam chciałbym zrobić poprawnie działającą stopkę. Wszystko niby rozkminiłem ale div sam leci mi na dół na wyskość sąsiedniego DIVa. Nie umiem tłumaczyć lepiej pokażę to na screenie:

screen_www.jpg

 

Kod HTML i CSS przykładowej podstrony:

https://gmclan.org/up8774_3_res_exmple_www.html

Odnośnik do komentarza
Udostępnij na innych stronach

GML
#footer

{

min-width: 840px;

background-color: #696969;

padding: 0px;

font-size: 1em;

width: 100%;

color: white;

padding-top: 1.5em;

padding-bottom: 1.5em;

bottom: Calc((3em + 1em + 0.85em * 3) * -1); /* padding-top + padding-bottom + font-size*lines */

clear:both;

}

 

#content > article

{

padding-bottom: 0.75em;

padding-left: 4em;

padding-right: 4em;

text-align: left;

float: left;

}

 

Footer - zmiany:

Usuń position: absolute - daje ono rozmieszczenie div'ów jakby na nowej powierzchni, bez brania pod uwagę jakichkolwiek innych obieków

 

content:

Usuń clear: both - jeśli masz to w jakimś div'ie to staje się on samotnikiem i nie może mieć koło siebie innych obiektów

Dodaj float: left - przyjmuje do siebie div po swojej lewej stronie

 

Tak wiem, moje tłumaczenie nie jest za dobre, ale działa :thumbsup:

Odnośnik do komentarza
Udostępnij na innych stronach

Niestety pudło. Wtedy gdy tekstu jest mniej stopka ląduje za wysoko :/

screen_www2.jpg

Zrób test i mniej tekstu w treści daj to zauważysz :/

Chciałbym by zawsze była u dołu strony :/

@edit: sam już nie wiem co jest ok a co nie, ale dopisałem display:flex; do content i działa :)

Odnośnik do komentarza
Udostępnij na innych stronach

Jeśli chcesz dodać odpowiedź, zaloguj się lub zarejestruj nowe konto

Jedynie zarejestrowani użytkownicy mogą komentować zawartość tej strony.

Zarejestruj nowe konto

Załóż nowe konto. To bardzo proste!

Zarejestruj się

Zaloguj się

Posiadasz już konto? Zaloguj się poniżej.

Zaloguj się
  • Ostatnio przeglądający   0 użytkowników

    • Brak zarejestrowanych użytkowników przeglądających tę stronę.
×
×
  • Dodaj nową pozycję...