Bagaimana Menyesuaikan Margin untuk Semua Ukuran Monitor

Menurut W3Schools, per Januari 2012, 85 persen dari semua monitor komputer yang digunakan oleh publik memiliki resolusi yang lebih besar dari 1024 x 768 piksel dan hanya 1 persen monitor yang berukuran 800 x 600 piksel. Meskipun sebagian kecil orang masih menggunakan monitor berukuran kecil 800 x 600, jika Anda mendesain halaman Web bisnis yang perlu dapat dilihat pada semua monitor (yaitu, tidak ada pengguliran sisi-ke-sisi), Anda harus tetap 800 kali 600 layar dalam pikiran. Untuk mengatur margin agar pas dengan semua ukuran monitor, atur lebar halaman menjadi 785 piksel atau kurang.

1

Buka file HTML halaman Web Anda di editor kode Anda, seperti Notepad ++ atau Dreamweaver.

2

Gulir kode dalam file HTML Anda ke tabel pertama atau tag DIV (tag yang Anda gunakan untuk memuat konten halaman Web Anda).

3

Klik di dalam tag pembuka untuk tabel atau DIV dan ketik kode berikut ke dalam tag (dengan tanda kutip):

style = “margin-left: auto; margin-right: otomatis; lebar: 785 piksel; ”

Jika Anda tidak ingin menjadi 785 piksel, Anda dapat mengaturnya ke nilai yang lebih kecil (mis., 750px atau 650px).

4

Simpan file HTML dan buka di browser Web untuk melihatnya.