กระทู้: เริ่มต้นใช้ css กับ 960 grid system
ร่วมพูดคุยในหัวข้อของบทความ เริ่มต้นใช้ css กับ 960 grid system
มากันอีกครั้ง กับการวางโครงสร้างหน้าเว็บ แบบง่ายๆ โดยใช้ CSS ครั้งก่อนใช้ blueprint ครั้งนี้ ใช้ 960 Grid system
- BeYourCyber
- Administrator
- Offline
ตอบ: เริ่มต้นใช้ css กับ 960 grid system
blueprint กับ 960 Grid system ตัวไหนง่ายกว่ากันครับ แล้วคอมมิวนิติ้ตัวไหนดีกว่า ช่วยโพสทิบต่างๆของแต่ละตัวด้วยนะครับ ขอบคุณครับ
- BeYourCyber
- Administrator
- Offline
ตอบ: เริ่มต้นใช้ css กับ 960 grid system
เท่าที่ผมสังเกตุ จะพบว่า blueprint คนใช้เยอะแต่ว่าจะไม่ค่อยทำมาแจกเท่าไร แต่ว่า 960 grid มีคนทำ theme แจกด้วยครับ
ส่วนเรื่องการใช้งาน 960 grid จะมี option มากกว่า จะเห็นว่าจัดหน้าได้หลายรูปแบบมากกว่าครับ
ที่เหลือ ต้องลองเองแล้วล่ะครับ ถึงจะรู้ว่าตัวไหนง่ายกว่ากัน
แต่สิ่งที่ต้องพึงระลึกเสมอก็คือ เอาไว้วาง layout หลักเท่านั้น พวกที่เป็นรายละเอียดจะต้องเขียนเองเท่านั้นครับ
สำหรับเรื่องตัวไหนง่ายกว่า ต้องลองเองถึงจะรู้ครับ แล้ว community ผมไม่มีข้อมูลทั้งสองตัวเลย
สำหรับ tip นั้น ไม่น่าจะมีอะไรพิศดารมากนะครับ ด้วยตัวของ css เอง
ตอบ: เริ่มต้นใช้ css กับ 960 grid system
ผมใช้ 960 grid system คับ (ใช้เป็นตัวเดียว) จัดวางง่ายดีกว่า อิสระกว่า
ตอบ: เริ่มต้นใช้ css กับ 960 grid system
ผมสงสัยเกี่ยวกับ border+padding ครับ แบบว่าผมใช้ 960 แบ่งนะครับ แต่คิดว่าอยากใส่ border ให้มันด้วย แต่พอทำแล้ว colimn 12 หรือ 16 เราแบ่งสมมุติ 8 + 8 ม้นตกอะครับเพราะว่า 1px ของ border นี่เอง
ตามหลักแล้ว W3C standard width=content อย่างเดียว
แต่ สำหรับ IE width=content+padding+border แปลว่ามันเหมาะกับ ie มากกว่าหรือเปล่าครับ
ที่พิมพ์มาหวังว่าคงไม่งงนะครับ เพราะคงพิมพ์งงเองแล้ว 555 
- BeYourCyber
- Administrator
- Offline
ตอบ: เริ่มต้นใช้ css กับ 960 grid system
ใช่ครับ ใส่ border แล้วมันจะเพี้ยนครับ เส้นเดียวก็ไม่ได้
วิธีที่ผมทำก็คือ ด้านในเราก็ใส่ div ยืนพื้นไว้ก่อน แล้วค่อยกำหนด border ให้ div ของเราแทน แล้วอย่าลืมกำหนดความกว้างโดยลบความหนาของเส้นด้วยครับ
สำหรับจะยึดถืออะไร ให้ยึดถือการ render ของ browser เป็นหลักนะครับ เพราะว่าจะ effect กับเราโดยตรง
ซึ่งที่นิยมทำกัน ความกว้าง จะเท่ากับ margin+border+padding+content width จึงจะครบถ้วนครับ (อันนี้ไล่จากซ้ายมาจุดกึ่งกล่างนะครับ ถ้าไปทางขวาก็บวกเพิ่ในลักษณะย้อนกลับออกไป)