Footer Html

![](https://skspace.sgp1.digitaloceanspaces.com/forums/images/Screenshot (14).png) Cara agar footer pada website saya selalu berada di paling bawah browser walaupun contentnya sedikit maupun banyak

avatar RizkyWahyu
@RizkyWahyu

14 Kontribusi 3 Poin

Diperbarui 7 tahun yang lalu

3 Jawaban:

coba kasih footernya kyak gni gan

footer{ bottom: 0px;}

avatar Rilham
@Rilham

162 Kontribusi 56 Poin

Dipost 7 tahun yang lalu

Jawaban Terpilih

Coba ini, Bang:

CSS

<style>
    * {
      margin: 0;
    }
    .konten {
      min-height: 100%;
      /*margin-bottom konten sesuai dengan tinggi footer (pakek "min")*/
      margin-bottom: -50px;
    }
    .konten:after {
      content: "";
      display: block;
    }
    .footer, .konten:after {
      height: 50px;
    }
    .footer {
      background: blue;
    }
</style>

HTML

<div class="konten">
    <h1>Konten di sini...</h1>
</div>
<div class="footer">
    Footer di sini...
</div>

avatar dalikewara
@dalikewara

351 Kontribusi 260 Poin

Dipost 7 tahun yang lalu

Terima kasih semuanya, sangat membantu !

avatar RizkyWahyu
@RizkyWahyu

14 Kontribusi 3 Poin

Dipost 7 tahun yang lalu

Login untuk ikut Jawaban