Membuat Blok Rata Tengah di Internet Explorer

Biasanya desainer web membuat blok yang terletak di tengah layar menggunakan nilai auto pada margin kiri dan kanan seperti ini

margin-left:auto;

margin-right:auto;

atau menggunakan shorthand code seperti ini

margin:0px auto;

Keterangan:
margin vertical (atas dan bawah) : 0px
margin horizontal (kiri dan kanan) :auto

Tetapi cara diatas tetap tidak bekerja pada browser Internet Explorer, terutama Internet Explorer versi 5, untuk mengatasi masalah ini yang harus kita lakukan hanyalah menyisipkan deklarasi DOCTYPE sebelum tag <html>.

Untuk melihat daftar DOCTYPE yang bisa digunakan silakan lihat di situs W3Schools
http://w3schools.com/html/html_doctype.asp

contohnya seperti dibawah ini

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
    <head>
        <title>Rata tengah</title>
        <style type="text/css">
            .tengah {
                width:500px;
                border:ridge 3px #FF0000;
                text-align:center;
                margin:0px auto;
            }
        </style>
    </head>

    <body>

        <div class="tengah">
            Rata tengah
        </div>

    </body>
</html>

atau coba contoh dari W3Schools.com disini http://www.w3schools.com/css/tryit.asp?filename=trycss_align_container_ie5

Coba cara tersebut dan buka pada browser Internet Explorer dan lihat hasilnya :).

Sumber : http://www.w3schools.com/css/css_align.asp