galih waskitho: membuat footer agar tetap selalu dibawah menggunakan css

Malam jumat ide untuk ngoding meningkat, sayang jika hanya tidur karena momen2 menyenangkan sulit didapat.. hehe. yah untuk menghilangkan rasa kantuk sekedar menuliskan something di blog mungkin bisa bermanfaat walupun hanya secoret catatan kecil. Terkadang hal kecil selalu terlupakan karena terlalu fokus dengan hal-hal yang besar. berikut adalah cara untuk membuat footer agar tetap dibawah menggunakan css walaupun code ini juga statusnya ngambil dari tempat lain dan hanya memindahkannya saja tetapi tidak apalah untuk belajar, semua asal dilandasi dengan rasa ingin tahu dan niat belajar dengan cara yang dikhalalkan insyaAllah berkah,, amiin, eh malah ceramah, berikut codenya tinggal tempel aja langsung jalan kayak stiker....


html,
body {
 margin:0;
 padding:0;
 height:100%;
}
#wrapper {
 min-height:100%;
 position:relative;
}
#header {
 padding:10px;
 background:#5ee;
}
#content {
 padding:10px;
 padding-bottom:80px;   /* Height of the footer element */
}
#footer {
 width:100%;
 height:80px;
 position:absolute;
 bottom:0;
 left:0;
 background:#ee5;
}

diatas adalah code untuk cssnya dan dibawah adalah code untuk htmlnya...


<body>
 <div id="wrapper">
  <div id="header"></div>
  <div id="content"></div>
  <div id="footer"></div>
 </div>
</body>

galih waskitho

Thursday, October 9, 2014

membuat footer agar tetap selalu dibawah menggunakan css

1 comment:

About Me