การสร้างเว็บเพจด้วย CSS layout (ตอนที่ 8)
จัดการ CSS ในส่วนของ Right ทั้งหมด เริ่มจาก
กำหนดการแสดงผลของ Right
#containner #main #right จะเก็บเนื้อหาที่อยู่ด้านขวามือทั้งหมด
1. กำหนดขนาดความกว้างเท่ากับ 570px และจัดอยู่ทางขวามือ
กำหนดการแสดงผลของ Content
#containner #main #right #content จะเป็นกล่องเก็บเนื้อหาเป็นเรื่องๆ ดังรูป
ขั้นตอนการเขียน CSS มีดังนี้
1. กำหนดสีพื้นหลัง
2. จัดให้ตัวอักษรที่อยู่ใน content อยู่ชิดด้านซ้ายมือ
3. กำหนดความกว้างของ content ให้เท่ากับ 540px และ clear : both ไม่ให้วัตถุอื่นอยู่ในระดับเดียวกันกับ content กำหนด margin เท่ากับ 10px
4. กำหนดขนาดและสีของเส้นขอบ
5. Position type:relative เพื่อกำหนดให้วัตถุใน content อ้างอิงขอบเขตจาก content ทั้งหมด