Search This Blog

Membuat DIV Container Berada Di Tengah

  • Saturday, June 16, 2018 at 3:16:00 PM
  • 0 Comments
  • Views
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 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.

Referensi
No comments
No comments

Post a Comment