Membuat DIV Container Berada Di Tengah
Wednesday, November 21, 20180 Comments
Membuat DIV Container Berada Di Tengah

Membuat DIV Container Berada Di Tengah

  • Eka Awaludin

  • A dreamer who trying to loves writing and blogwalking. Man of nature. The wrong man in the wrong time. Going with the flow. Penggemar CSS dan HTML.
Ketika aku pertama kali membuat template blogspotku aku kesulitan membuat sebuah DIV container berada di tengah-tengah. Setelah belajar kesana kemari di Intenet akhirnya aku menemukan solusinya yaitu dengan menambahkan margin: 0 auto di style CSS nya. Akhir-akhir ini aku menemukan kembali permasalahan tentang masalah tersebut di IE8, dan ternyata penyebabnya adalah aku tidak menambahkan tag DOCTYPE HTML di kode XML ku.

Kode
Oke langsung saja agar margin: 0 auto bisa berjalan di IE8 tambahkan kode berikut ini di atas kode <html> template. Tutorial ini aku dapatkan dari salah satu thread di Stackoverflow.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Satu lagi kode untuk membuat DIV container berada di tengah-tengah DIV lainnya adalah dengan kode di bawah ini.
-webkit-transform: translate(-50%, -50%);  
transform: translate(-50%, -50%);  
Tinggal di sesuaikan saja value nya.

Sumber
  •  https://stackoverflow.com/questions/662341/using-margin-0-auto-in-internet-explorer-8
  •  https://stackoverflow.com/questions/6490252/vertically-centering-a-div-inside-another-div
No comments :

Post a Comment