Sebagian besar halaman saat ini ditata menggunakan lapisan (div), sehingga masalah menyelaraskan situs ke tengah jendela browser dikurangi menjadi tugas memusatkan lapisan yang menentukan lebar area halaman yang terlihat. Agar dapat diposisikan di tengah jendela, perlu untuk mengatur pengaturan yang sesuai untuk elemen induknya, atau untuk blok ini sendiri.
Itu perlu
Pengetahuan dasar tentang bahasa HTML dan CSS
instruksi
Langkah 1
Tempatkan layer yang ingin Anda posisikan di tengah jendela, di antara bagian pembuka dan penutup tag tengah, jika Anda ingin melakukannya hanya menggunakan sarana bahasa HTML (HyperText Markup Language - "hypertext markup language"). Kami akan berasumsi bahwa induk dari lapisan yang mendefinisikan batas halaman adalah badan halaman ini. Versi paling sederhana dari kode HTML menggunakan tag tengah dalam hal ini mungkin terlihat seperti ini:
halaman tengah
teks halaman
Langkah 2
Jika Anda ingin menggunakan CSS (Cascading Style Sheets) untuk menyelaraskan tengah halaman, gunakan ukuran padding otomatis dari batas jendela browser. Ukuran margin dalam CSS ditentukan oleh parameter margin. Hapus tag tengah dari sampel sebelumnya dan tambahkan parameter margin 0 otomatis ke atribut gaya lapisan yang menentukan lebar halaman:
halaman tengah
teks halaman
Langkah 3
Tentu saja, definisi gaya dapat diambil dari atribut gaya dan ditempatkan di file eksternal atau di kepala dokumen (antara dan tag). Dalam hal ini, kode yang sama akan terlihat seperti ini:
halaman tengah
#halamanFrame {
lebar: 700 piksel;
tinggi: 400px;
latar belakang: #0BB;
margin: 0 otomatis;
}
teks halaman
