Scalowanie strony

[Filipek123]

Witam, mam taki problem, otóż jeśli w przeglądarce zmniejszam stronę to footer zmienia położenie na środek ekranu. Normalnie footer jest w miejscu w którym powinien być,
cały css który posiadam w footer 

.footer {
    display:block;
    background-color: #272b2d;
    color: white;
    text-align: center;
    height: 40px;
    padding-top: 10px;
    padding-bottom: 10px;
}

i do wywołania tego kodu używam 
<footer class="footer">

<p>wiadomość>

</footer>

[theqkash]

Masz to gdzieś wystawione? Najlepiej się sprawdza na działającej stronie.

[Filipek123]

niestety nie mam tego na żadnej stronie

[Borian]

Może to Ci pomoże: https://stackoverflow.com/a/20352949

[Fizyda]

Zgaduję że content nie zajmuje odpowiedniej wysokości ekranu i dlatego też footer ucieka do góry. W sensie jest zaraz za końcem środka (contentu), ale ten drugi kończy się wyżej. Najlepiej będzie chyba ustawić minimalną wysokość contentu.

 

Przykłady

- footer ucieka:

https://jsfiddle.net/65tq8hug/

 

- footer działa:

https://jsfiddle.net/e0phj8sk/1/

więcej kontentu: https://jsfiddle.net/e0phj8sk/2/

 

[Mion]

Zainteresuj się:

- CSS Flexbox > np: https://www.w3schools.com/css/css3_flexbox.asp
- CSS Grid > np: https://www.w3schools.com/css/css_grid.asp

[nnd.newbie]

Już lepiej niech się Bootstrapem (https://getbootstrap.com) zainteresuje jeśli ma to zamiar robić zawodowo, półprofesjonalnie albo zaawansowanie amatorsko.

 

A poza tym @Filipek123 to trochę złe forum sobie wybrałeś. Już lepiej było z takim pytaniem uderzyć na 4programmers.net albo inne dedykowane dla webmasterowców. Ale obstawiam że nigdzie ci na to pytanie nie dadzą konkretnej odpowiedzi o ile nie opublikujesz działającego kodu np. na https://jsfiddle.net

 

No i wydaje mi się, że powinieneś przejść chyba jakiś tutorial HTML/CSS, większość zagadnień ci się wtedy rozjaśni.