membuat tanpilan design di tengah

Jika kita menggunakan design dengan lebar tetap, akan terlihat lebih cantik kalau design tersebut berada di tengah tampilan browser.

Hal ini bisa dengan mudah dicapai dengan menggunakan kode:

#outer {
margin: 10px auto;
}

Pasang kode css ini di sebagai property dari bagian paling luar yang menampung isi konten. Dalam contoh diatas, berarti digunakan id  #outer sebagai wadah paling luar. Nilai 10px di contoh adalah jarak antara id #outer dengan tepi atas browser.

Namun demikian, kode di atas tidak berjalan dengan baik di IE (Internet Explorer), jadi jika ingin tampilan di internet explorer juga rata tengah, maka perlu di panggil file css khusus IE dan gunakan kode:

#outer{
top: 44%;
left: 50%;
margin-top: -25%;
margin-left: -35%;
}