Skocz do zawartości
  • Ogłoszenia

  • Gdzie świętować urodziny GMCLANu   31 użytkowników zagłosowało

    1. 1. Gdzie świętować urodziny GMCLANu


      • Warszawa (bo w centrum)
      • Szczecin (bo tam mieszka Ranma i narodził się GMCLAN)

    Żeby zagłosować w tej ankiecie, prosimy się zalogować lub zarejestrować. Zobacz temat
MaxGaming

[CSS] Odjeżdzający DIV

Rekomendowane odpowiedzi

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:

Udostępnij tego posta


Odnośnik do posta
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 :)

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach

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

Tylko 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ę tutaj.

Zaloguj się tutaj

  • Przeglądający   0 użytkowników

    Brak zarejestrowanych użytkowników, przeglądających tę stronę.

×