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

Baca juga:  Selama Masih Ada Mental Block, Seseorang Tidak akan Berkembang

About The Author

Gabung Bersama +30.000 Pembaca Kami!

Daftarkan email anda untuk mendapatkan artikel terbaru dari Situstarget.com.

Proses pendaftaran hampir selesai, mohon cek email Anda dan Klik tombol konfirmasi.

Pin It on Pinterest

Share This