Membuat footer tetap dibawah

-

Footer tetap di bawah
Footer tetap di bawah
Kadang kala kita ingin membuat halaman web dimana footer selalu tampil di paling bawah walaupun isi halaman web kurang dari 1 halaman atau juga isinya lebih dari 1 halaman sehingga muncul scrollbar.
Untuk membuat footer tetap berada di bawah, kita bisa buat dengan coding HTML dan CSS sebagai berikut:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<!DOCTYPE html>
<html>
<head>
<title>Membuat footer tetap di bawah</title>
<style>
html,body{margin:0;padding:0;height:100%;font:13px Arial;}
#wrapper{min-height:100%;position:relative;}
#header{background:#f0f0f0;padding:5px;height:50px;color:#0000ff;}
#body{padding-bottom:40px;padding-left:10px;}
#footer{background:#f0f0f0;position:absolute;bottom:0;width:100%;
   text-align:center;color:#808080;}
</style>
</head>
<body>
<div id="wrapper">
   <div id="header"><h1>Membuat footer tetap di bawah</h1></div>
   <div id="body">
    <p>Content</p><p>Content</p><p>Content</p><p>Content</p><p>Content</p>
   </div>
   <div id="footer"><p>Copyright &copy; 2014 - All Rights Reserved</p></div>
</div>
</body>
</html>
Anda bisa kembangkan coding tersebut untuk membuat layout web 2 kolom dan seterusnya.
Selamat mencoba, semoga berhasil.

Komentar

Posting Komentar

Postingan populer dari blog ini

Dimana Pemerintah Daerah Karawang

-
Gambar
Di mana Pemerintah Daerah Kabupaten Karawang Keluarga Mahasiswa Islam Karawang Jakarta (KMIK Jakarta) adalah sebuah wadah bagi para mahasiswa asal Kabupaten Karawang yang sedang menempuh pendidikan di wilayah Jakarta, Depok, Tangerang dan Bekasi. KMIK Jakarta sudah berdiri selama 44 tahun lamanya, semenjak berdirinya KMIK Jakarta banyak kegiatan – kegiatan yang telah dilakukan dan diselenggarakan oleh KMIK Jakarta. Pada tahun 2018 KMIK Jakarta menginjak tahun ke 45, seperti yang menjadi agenda tahunan KMIK Jakarta untuk merayakan hari jadinya selalu membuat rangkaian acara – acara yang mengangkat daerah khususnya Kabupaten Karawang. Hari jadi KMIK Jakarta yang ke-45 atau biasa disebut dengan Milangkala KMIK Jakarta mengangkat tema “ Pagelaran Ngamumule Budaya Sunda; Integritas Pemuda dalam Menjunjung Tinggi Nilai Kreativitas dan Sportivitas” . Tema tersebut bukan tanpa alasan mengapa diangkat dalam Milangkala KMIK Jakarta ke 45 tersebut. Seperti yang dikata...
Baca selengkapnya

Karawang Hari ini.

-
Gambar
KARAWANG HARI INI part I Banyak yang mengaku cinta terhadap daerahnya, banyak yang berkata peduli terhadap daerahnya, banyak yang bilang membangun untuk daerahnya. Tapi itu semua hanya sebatas banyak yang bilang. Faktanya semua hanya sebatas fatamorgana dalam dialektika bahasa dalam obrolan – obrolan tiada karya. Sebagai seorang yang dilahirkan dan dibesarkan bahkan hidup oleh tanah dan tatanan tradisi Karawang sepertinya dan bahkan seharusnya malu jika hanya berdiam diri atau sibuk memperkaya diri. Atau bahkan memang sudah seapatis itukah bagi mereka yang katanya “Orang Karawang”, dan masih menyandang status sebagai warga Karawang di Katu Tanda Penduduknya. Karawang hari ini telah ditinggalkan oleh mereka – mereka yang mengaku dan hanya bisa mengaku bahkan lebih parahnya memanfaatkan demi kepentingan pribadi. Karawang hari ini sudah lebuh dan tergilas oleh tatanan sosial budaya yang menjauh dari identitasnya. Bayangkan jika seseorang sudah tidak punya identi...
Baca selengkapnya