CSS เด็ดๆ

เมื่อก่อน เขียน css แบบ แบบ มั่วๆ ไม่รุ้ทำไม พอเขียนเสร็จก็ลืม เวลาเอามาใช้ก็ก๊อป  เลยทำให้ในสมองไม่มีอะไรเลย   

เหมือนกัน

พี่แอนยังลำดับความคิดไว้ได้ จนเอามาเล่าให้ฟังเป็นวรรคเป็นเวง แต่ผมดิ 

จู่นี้น่าสนใจดีครับ 

http://www.mollio.org/

เว็บนี้เข้าท่าดีครับ
เขาออกแบบ Template CSS เอามาให้ใช้ หลายแบบ
มาถึงเราก็แค่เปิด โหลด แล้วก็อ้างว่าตัวเองทำได้แล้ว หน้าด้านมาก

ตอบป๋าเลย์อีกทีครับ คิอ่อแระ 
(สองคนนี้ไม่รู้เป็นไร ชอบนัดจูดู้กันในเอ็มแล้วเอามาปล่อยที่นี่ )

จากโจทย์ที่ป๋าพยายามจะเลี่ยงการใช้ Table ในการจัดเลย์เอาต์
แล้วก็อยากได้ 3 คอลัมน์ดังนี้
- ซ้าย มี bg ชิดซ้าย ไม่จำกัดขนาด
- กลาง กว้าง 800px
- ขวา มี bg ชิดขวา ไม่จำกัดขนาด
- ถ้าจอแคบไปหรือกว้างไปก็ให้เกิดผลแบบนี้



ก็เลยลองหากันมาตั้งนานว่าทำไง
ปรากฏว่าก็เลยลองทำแบบกำปั้นทุบดินครับ คือ
- ใช้ z-index กำหนดศักดินา ให้อันกลางสูงสุด ซ่อนอันซ้ายขวาไว้ด้านหลัง
- ซ้ายกับขวาใส่ position:absolute อันนึง left อันนึง right
- คราวนี้ไม่ได้สร้าง wrapper ครอบทั้งหมดนะครับ ลืม

เท่านี้แหละครับ เดาว่าจริงๆ มันน่าจะมีวิธีที่ดีกว่านี้แต่ดึกป่านนี้ก็คิดออกแบบนี้แหละครับ
ตายตาหลับและ 

จะบอกว่าเอาไปคิดในฝันด้วย 

ง่ะ ไม่ใส่ teble เลยอะเหรอ 

table ไม่ดีตรงไหน 

มันจะแสดงผลไม่ดี เมื่อไปใช้ web browser non ie base 

คืองี้ครับ
ไม่ได้บอกว่าตารางไม่ดีนะ แต่มันจะไม่ได้เป็นตัวหลักในการจัดหน้าเหมือนก่อนแล้วไง
ตอนนี้คนเขียนเว็บ (เอ้า จะบอกว่าฝรั่งก็ได้ เราไปตามตูดฝรั่งกัน) เขาจะแยกเนือหาออกจากดีไซน์
นั่นคือพอถอด css ออกตัวเดียวปั๊บเนื้อหาก็ยังอยู่แต่ดีไซน์จะเหลือแค่ตัวอักษรกับรูปภาพเฉยๆ
ข้อดีคือเวลาเราเขียนเว็บแบบไดนามิกสักพันหน้า เราใส่แม่แบบโยนโครมไปเลยทีเดียวได้
มันเปลี่ยนได้หมดเลยไม่ว่าจะรูป สี พื้นหลังพื้นหน้า ตำแหน่งการจัดวาง
ในขณะที่การวางเลย์เอาต์ด้วยการซอยตารางทำไม่ได้

แต่บางทีไม่ได้คิดอะไรขนาดนั้นตูก็โยนใส่ตารางไปเลย เอา <doctype ...> โยนทิ้งด้วยซ้ำ







อ้าว เอตัดหน้า งั้นต่อเลย
ส่วนเรื่อง IE นั้น ไม่ว่าจะตาราง ตาแม้น ตาแช่ม หรือ css ก็มีปัญหาทั้งนั้นแหละครับ
เพราะพิษจากสงครามมาตรฐานเมื่อหลายปีก่อนมันตกตะกอนมาจนถึงวันนี้
เวลาเขียน css ก็เลยต้องมีวงเล็บอยู่บ่อยๆ ว่ามี IE Hack ซ่อนอยู่ที่บรรทัดนี้ๆๆ

ส่วนเรื่องที่ว่าปัญหามาตรฐานจะหมดไปเมื่อไหร่ ก็ต้องรอให้วิสต้าครองเมืองแบบ XP ก่อน ก็คงราวๆ อีก ๒-๓ ปี
แบบที่จอขนาด ๑๐๒๔ มาแทน ๘๐๐ จนเราเริ่มทำเว็บที่กว้างเกิน ๗๘๐ พิกเซลได้แล้วนี่ล่ะ

google.com ใช้ <table> 

(จริงๆ อ่านเรื่อง css มาจากพี่แอนอร่อยแล้วล่ะครับ แต่พอหัดเข้าจริงๆ ก็มาตายตรงมาตรฐานนี่แหละ  )

ใบ้หน่อยครับ 

เฮ้ย 

Password is not correct!