Layout lebar tetap sulit untuk dipusatkan dengan beberapa browser populer di luar sana, tetapi mungkin, dengan hanya beberapa baris kode.
Here 's How
- Buat halaman Web baru dengan stylesheet CSS di editor HTML Anda.
- Buat elemen div sebagai elemen utama di halaman tempat Anda akan menyimpan semuanya di halaman.
- Berikan elemen div itu ID yang unik di halaman.
- Buka style sheet CSS Anda dan atur lebar elemen div Anda. div # main {width: 750px; }
- Tambahkan margin otomatis untuk memusatkan div Anda. div # main {width: 750px; margin-left: auto; margin-kanan: otomatis}
- Untuk memperbaikinya untuk Netscape 4, dan IE 4 - 6 ( mode quirks ) tambahkan teks-align pada body. body {text-align: center; }
- Tapi kemudian semua teks di dalam terpusat, jadi atur ulang teks di div #main Anda dengan menambahkan teks-rata: kiri; di sana. div # main {width: 750px; margin-left: auto; margin-kanan: otomatis; text-align: kiri; }
- Simpan halaman Anda dan style sheet Anda.
- Uji di beberapa browser Web.
Tip
Ini akan memusatkan kotak tata letak tetapi bukan konten di dalamnya. Gunakan text-align untuk memusatkan isi batin.