Akhir-akhir ini saya lagi seneng nulis artikel tentang CSS. 😀
Pada tulisan kali ini saya akan memuat trik css untuk membuat halaman web kita berada tepat pada tengah-tengah layar.
Seperti biasa caranya gampang banget gak pakai tepu-tepu.
Misal kita punya struktur HTML seperti ini
|
1 2 3 4 5 |
<body> <div id="wrapper"> <!-- Kode HTML Untuk tampilna halaman, form dll didalam sini --> </div> </body> |
Untuk membuatnya berada pada posisi tengah-tengah layar kita membutuhkan kode CSS seperti berikut
|
1 2 3 4 |
#wrapper { width: 800px; margin: 0 auto; } |
Simpel banget tho
Coba dilihat hasilnya pada browser maka tidak akan terlihat apa-apa 😛
Itu disebabkan karena pada halaman web belum terdapat isinya
Coba isikan dengan desain halaman kamu. Pasti halaman terletak ditengah-tengah layar
Facebook Comments
saya masih bingung cara biar post.body jadi ketengah karena saya buat template tanpa sidebar , masak post body nya rata kiri terus padahal yang sebelah kanan masih kosong ruang nya hehe