My Opera Content

Pada halaman myopera, id content adalah elemen dasar yang memuat bermacam-macam id dan class seperti: id mainwrap, id main, class content, id sidewrap dan lain-lain tidak termasuk id myo dan id top. Anda bisa mengerti elemen ini berada dibawah menu. Berikut adalah nilai CSS dari pada elemen id content

#content {clear:both; position:relative; width:890px; text-align:left; margin:0 auto;}

clear:both; tidak adanya float kiri dan kanan.
position:relative; (untuk lebih mudah dipahami) adalah menjadi pembatas pada elemen didalamnya yang menggunakan position absolute. Sebagai contoh, anda membuat kandang ayam, pada kandang ayam tersebut anda memberikan nilai position:relative. Kemudian anda memberikan nilai position:absolute; pada ayam anda. Lalu anda meletakkan ayam ke kandangnya maka ayam tidak akan bisa keluar dari area kandang karena dibatasi position:relative.

width:890px; Ini adalah lebar dari elemen id content dan ditambahkan juga margin:0 auto;. Kenapa lebarnya tidak 920px ? Tentunya anda masih ingat postingan wrap myopera sebelumnya bahwa #wrap4 mempunyai nilai padding:0 15px; coba anda hitung! 890 15 15 hasil = 920. Inilah alasannya kenapa pada id content diberikan nilai lebar 890.

#content { padding:20px 0; }

Padding:20px 0; id content hanya diberikan batasan dalam atas dan bawah untuk semua elemen didalamnya dengan nilai 20px. Sedangkan untuk kanan dan kiri nol alias tidak ada.

Pada post selanjutnya akan membahas id mainwrap, id main dan class content.

CATEGORY : Content, Myopera TAG : belajar, code, css, desain, myopera, standar at Thursday, 18 February, 2010