S o f t G a n z

Web & Software Developer Gang.

Multi-Column Layout Design

by Little Bear @October,18 2007 18.37 ( IP : 61...228 )

การออกแบบเว็บไซท์ด้วย CSS ให้มี 2-3 คอลัมน์ มีหลายวิธีในการออกแบบ แต่มีอยู่แบบหนึ่งที่ต้องการให้ content ฝั่งใดฝั่งหนึ่งยืดออกในแนวตั้ง แล้วอีกฝั่งหนึ่งจะต้องยืดออกด้วย มีวิธีทำของ Alan Pearce

ด้วยหลักคิดที่ว่า

“ถ้าเราสามารถนำ div ทีเราต้องการทำเป็น sidebar หรือ rail เนี่ยมา float อยู่ border ของ div ที่ใช้ใส่ content หลัก ๆ ได้แล้วล่ะก็ เราก็จะสามารถจำลองความสูงเสมือนให้กับ column ที่ต้องการได้ไม่ว่า content ใน column ใดจะสูงกว่าก็ตาม”

ตามไปดูได้จากลิงก์ที่มานะครับ

ที่มา www.thaicss.com

Post new comment

« 9628
หากท่านไม่ได้เป็นสมาชิก ท่านจำเป็นต้องป้อนตัวอักษรของ Anti-spam word ในช่องข้างบนให้ถูกต้อง
The content of this field is kept private and will not be shown publicly. This mail use for contact via email when someone want to contact you.
Bold Italic Underline Left Center Right Ordered List Bulleted List Horizontal Rule Hyperlink Text Color :)
คำแนะนำ : เนื่องจากได้มีการเปลี่ยนแปลงวิธีการขึ้นบรรทัดใหม่ ซึ่งมีรายละเอียดดังนี้
  • วิธีการขึ้นบรรทัดใหม่โดยไม่เว้นช่องว่างระหว่างบรรทัด ให้เคาะเว้นวรรค (Space bar) ที่ท้ายบรรทัดจำนวนหนึ่งครั้ง
  • วิธีการขึ้นย่อหน้าใหม่ซึ่งจะมีการเว้นช่องว่างห่างจากบรรทัดด้านบนเล็กน้อย ให้เคาะ Enter จำนวน 2 ครั้ง
paper version 1.1r8.8.29

Main Menu

My recomment topics

Hot topics

Links

PageRank Plus - Google PageRank checking, with a twist.