Membuat Footer selalu stay in Bottom , Halo bro, ah dah lama ya, ok kali ini triks yang mungkin sering di temuin dalam hal desain web y...
Membuat Footer selalu stay in Bottom, Halo bro, ah dah lama ya, ok kali ini triks yang mungkin sering di temuin dalam hal desain web yang terkadang cukup penting menurut saya, hampir dan semua mungkin setiap website memberikan footer di bagian desain webnya entah sebagai informasi credit atau info karya atau apalah terserah kamu aja nyebutnya yang pasti saya sering nemuinnya.
Masalah yang sering muncul adalah, tuh footer tidak mau rapet sama bar window kamu alias tidak mau stay di bottom atau di bawah (buat tes coba kamu buka web yang kamu buat, kemudian kamu zoom in pake “ctrl” + “-”), makin kecil kalau settingan kamu bener maka seharusnya footer tidak naik tapi tetap stay in bottom, sudah coba! Nah kalo dia naik bagaimana membuat dia selalu di bawah, berikut triknya guys.
Saya buat gambaran singkat scriptnya aja ya, sisanya kalo ada yang kurang kamu olah sendiri, kalo bingung komentar aja di bawah ya.
Kamu buka link ini http://ryanfait.com/resources/footer-stick-to-bottom-of-page/ disana ada tutorial cara-caranya tapi intinya sebagai berikut:
- Pastikan html,body tingginnya 100% alias height:100%
- pastikan class wrapper min-height:100% dan margin-bottom atau padding-bottom (pilih salah satu)
- -200px(sesuain dengan tinggi footer kamu)
- atur tinggi footer sesuai dengan jumlah –(minus yang kamu atur pada padding atau bottom di wrapper)
- mau lihat hasil cek demonya di [SINI]
Ok mas bro lanjut dulu deh, sekian dulu tips trik kali ini mudah-mudahan bisa jadi solusi buat kamu kita lanjut lagi nanti di postingan selanjutnya bye bye
Nice info gan, ijin cobain ya gan. thanks for this share
BalasHapusmantap bang gunawan, hehehe.
BalasHapusayoo bang ajarin kita-kita lagi. . :-D
Terima kasih gan sudah berkunjung
BalasHapusJa kemana aja, gw sering ke jakarta tapi anak2 susah ngumpulnya...
BalasHapus