Footer dan img bermasalah

Mau tanya gan, saya udah ngebuat tampilan di body web (gambar dan tulisan) saya tambahkan footer. Waktu discroll footer malah ikut muncul dilayar dan tidak dibawah posisinya jadi menimpa gambar dan tulisan. Mohon bantuannya gan.

html css

@Azizmaulana

3 Kontribusi 0 Poin

Diperbarui 4 tahun yang lalu

6 Jawaban:

Footer kamu harus memiliki position:absolute; dan bottom:0;. Dan parent component dari footer tersebut harus memiliki position relative.

.parent { position:relative; }

.footer { position:absolute; bottom:0 }

@korlin

3 Kontribusi 1 Poin

Dipost 4 tahun yang lalu

Kegunaannya parent buat apa ya gan? Di HTMLnya perlu tambahan class parent? Sorry soalnya masih newbie.

@Azizmaulana

3 Kontribusi 0 Poin

Dipost 4 tahun yang lalu

bisa tampilin source codenya?

@zoeldyik

15 Kontribusi 9 Poin

Dipost 4 tahun yang lalu

Itu class, coba liat dulu source code tampilannya kak

@elfaranadiva

5 Kontribusi 1 Poin

Dipost 4 tahun yang lalu

<pre> footer{ width: 100%; height: 30px; padding-left: 10px; line-height: 30px; background: #333; color: #fff; position: fixed; bottom: 0px; clear: both; }

</pre>

ini footer css nya.

dan ini yg htmlnya.

@Azizmaulana

3 Kontribusi 0 Poin

Dipost 4 tahun yang lalu

position fixed ganti absolute gan

@zoeldyik

15 Kontribusi 9 Poin

Dipost 4 tahun yang lalu

Kelas Premium! Belajar bikin website dari nol sekarang

Footer dan img bermasalah

Kelas Premium!
Belajar bikin website dari nol sekarang