Blog Situstarget » Tips Tekno » Membuat Blok Rata Tengah di Internet Explorer

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