ยังไม่ว่างเขียนเรื่องที่ตั้งใจจะเขียน ผมกะว่าจะเขียนเรื่องการจัดเลย์เอาต์หน้าเว็บด้วย CSS ต่อ แต่ยังหาเวลาไม่ได้เลย ไม่อยากจะเขียบแบบส่งๆ เพราะรายละเอียดมันค่อนข้างเยอะ ว่าไปแล้วเรื่องเลย์เอาต์นี่ก็ยากไม่ใช่เล่น เพราะผมจำได้ว่า ตอนเริ่มศึกษา CSS ใหม่ๆ ผมจะงงมาก กับ Box Model และการคำนวณ (ผมเป็นพวกเสื่อมสมรรถภาพด้านคณิตศาสตร์ครับ) แต่พอใช้ไปนานๆ มันจะคุ้นของมันเองอัตโนมัติ โดยไม่ต้องคำนวณ

วิธีการเลี่ยงอาการปวดหัวจากเรื่องตัวเลข คือ ผมจะกะขนาดของหน้าเว็บโดยรวมคร่าวๆก่อน แล้วก็กะขนาด block ภายในของมัน ถ้าใส่ margin กับ padding เข้าไป แล้วมันล้นผมก็ลดขนาดมันลงมา ฟังดูเหมือนไม่ซับซ้อนอะไร แต่พอจะเขียนอธิบายให้คนอื่นเข้าใจแบบเดียวกับเรา มันไม่ง่ายอย่างนั้นน่ะสิครับ

แถมเรื่องการจัดเลย์เอาต์หน้าเว็บยังทำได้หลายวิธีอีกต่างหาก ซึ่งแต่ละวิธีก็มีข้อดีข้อเสียต่างกัน แต่เรื่องที่ยากที่สุดของ CSS ไม่ใช่การจัดเลย์เอาต์หรือการตกแต่งหรอกนะครับ แต่มันคือ เรื่องตัวอักษร ถ้าเป็นเว็บไซต์ภาษาอังกฤษล้วน ปัญหานี้ยังพอทำใจได้ เพราะยังไงก็ยังมี web fonts ไว้ให้อุ่นใจได้ระดับหนึ่ง แต่ถ้าเป็นเว็บไซต์ภาษาไทยนี่สิ การเลือกใช้ฟอนต์นั้นยากมาก เพราะมันแทบไม่มีให้เลือกไงครับ ถึงมีให้เลือก ก็จะเจอปัญหาเรื่องขนาดฟอนต์ เพราะตัวอักษรไทยที่มี font size เท่ากับตัวอักษรโรมัน เมื่อเรนเดอร์ในหน้าเว็บ ตัวอักษรไทยจะดูตัวล็กกว่ามาก เพราะเท่าที่ผมเดาเอาเอง ขนาดของตัวอักษรฟอนต์ไทยส่วนใหญ่จะรวม สระบน , วรรณยุกต์ และ สระล่าง ในขนาดของฟอนต์ด้วย พูดง่ายๆ แต่ทำให้งงขึ้นไปอีก คือแม้ "สูง บ" จะเท่ากับ "x-height" แต่ไม่ได้หมายความว่า ขนาดฟอนต์จะเท่ากัน (ผมเขียนเอง ยังงงเองเลย)

แม้ CSS3 จะเพิ่มความสามารถในการอิมพอร์ตฟอนต์ได้แล้วก็ตาม (@font-face ดูตัวอย่างที่ http://www.alistapart.com/articles/cssatten) แต่สำหรับภาษาไทย เรื่องขนาดฟอนต์ยังคงสร้างปัญหาให้ผมได้ต่อไป... (อย่าบอกเชียว ว่าให้ทำเป็นไฟล์กราฟิคแทน เดี๋ยวมีเคือง!)