Stopka - dół strony

pytanie zadane 12 grudnia 2022 w HTML i CSS przez EmilB Użytkownik (980 p.)

Witam, przejrzalem 100 stron, 100 opcji i żadna nie pomogła, ma ktoś pomysł jak umieścić stopke na dole strony?

komentarz 12 grudnia 2022 przez ScriptyChris Mędrzec (190,190 p.)

Skoro przejrzałeś aż tyle sposobów, to na pewno podjąłeś chociaż próbę napisania jakiegokolwiek kodu - pokaż go.

komentarz 12 grudnia 2022 przez EmilB Użytkownik (980 p.)

Jak mam miejsce na stopke,to znaczy na środku jest pusto, to position: absolute, bottom: 0 działa, ale jak już jest więcej treści, to źle działa

komentarz 12 grudnia 2022 przez EmilB Użytkownik (980 p.)

mam kod, ale cały czas go zmieniam w inny kod sprawdzajac czy zadziała

komentarz 12 grudnia 2022 przez ScriptyChris Mędrzec (190,190 p.)

No to pokaż wersję, która jest najbliżej tego co chcesz osiągnąć.

1 odpowiedź

odpowiedź 12 grudnia 2022 przez Lidzia Koziura Początkujący (290 p.)

można użyć flexa tak jak w przykładzie na dole, ale zależnie od tego jak wygląda strona może to różnie zadziałać

<body>
    <main class="main">
        <!-- zawartość strony -->
        <!-- sekcje, artykuły -->
        <footer class="foot">
            <!-- jakieś informacje -->
        </footer>
    </main>
</body>

<style>
        .main{
            display: flex;
            flex-wrap: wrap;
        }
        .foot{
            display: flex;
        }
 </style>

komentarz 12 grudnia 2022 przez EmilB Użytkownik (980 p.)

* {margin:0px; padding: 0px;}

body, html{
	background-color: #f4f4f4;
	font-family: 'Alata', sans-serif;
	width: 100%;
	color: #323232;

}

.container{
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}

komentarz 12 grudnia 2022 przez EmilB Użytkownik (980 p.)

Albo poprostu tam gdzie jest treść, większa niż strona, to zostawie stopke, a tam gdzie jest pustka na stronie, to wstawie position: absolute, bottom: 0 - na jednej stronie pójdzie do dołu, a na innej będzie wypchana przez treść na stronie

komentarz 12 grudnia 2022 przez EmilB Użytkownik (980 p.)

Ok, znalazłem ostatni artykuł, teraz działa jak powinno, nic się nie rozjeżdza, wszystko perfekt.

Do body dodaje:

min-height: 100vh;
display: flex;
flex-direction: column;

A w stopce/footer

margin-bottom: auto;

komentarz 12 grudnia 2022 przez EmilB Użytkownik (980 p.)

margin-top: auto; nie bottom *

Podobne pytania

0 głosów

3 odpowiedzi 155 wizyt

Czemu stopka nie chce się dać na dół ...

pytanie zadane 23 listopada 2015 w HTML i CSS przez barteku12 Obywatel (1,340 p.)

0 głosów

2 odpowiedzi 522 wizyt

Stopka na dole strony

pytanie zadane 24 kwietnia 2021 w HTML i CSS przez FabQ Początkujący (450 p.)

0 głosów

1 odpowiedź 476 wizyt

Automatyczna stopka na dole strony

pytanie zadane 17 lutego 2020 w HTML i CSS przez Antoni2422 Użytkownik (570 p.)

Stopka - dół strony

Zaloguj lub zarejestruj się, aby skomentować.

Zaloguj lub zarejestruj się, aby odpowiedzieć na to pytanie.

1 odpowiedź

Zaloguj lub zarejestruj się, aby skomentować.

Podobne pytania

O działaniu forum

Pasja informatyki w internecie

Polecane miejsca w sieci