Multi-Column Layout Design
การออกแบบเว็บไซท์ด้วย CSS ให้มี 2-3 คอลัมน์ มีหลายวิธีในการออกแบบ แต่มีอยู่แบบหนึ่งที่ต้องการให้ content ฝั่งใดฝั่งหนึ่งยืดออกในแนวตั้ง แล้วอีกฝั่งหนึ่งจะต้องยืดออกด้วย มีวิธีทำของ Alan Pearce
ด้วยหลักคิดที่ว่า
“ถ้าเราสามารถนำ div ทีเราต้องการทำเป็น sidebar หรือ rail เนี่ยมา float อยู่ border ของ div ที่ใช้ใส่ content หลัก ๆ ได้แล้วล่ะก็ เราก็จะสามารถจำลองความสูงเสมือนให้กับ column ที่ต้องการได้ไม่ว่า content ใน column ใดจะสูงกว่าก็ตาม”
ตามไปดูได้จากลิงก์ที่มานะครับ
ที่มา www.thaicss.com
Relate topics
- Android : Input type="file" ไม่ทำงานบน webView
- Bug : isset($body['location']) ดันเป็นจริงเมื่อ $body ไม่ใช่ array
- ต้องลองซะหน่อย - กูเกิลเสนอ "No CAPTCHA reCAPTCHA" ผู้ใช้ไม่จำเป็นต้องกรอก CAPTCHA อีกต่อไป
- History API
- วิธีการดูแลโค้ดของวิศวกร Facebook
- Map overlay
- Blocky เขียนโปรแกรมแบบลาก-วาง
- Facebook Live Streaming
- Application Programming Interface (API)
- Add Facebook to my web
- เริ่มต้นเขียนโปรแกรมบน iPhone
- SELECT - OnChange
- Hello Twetter from SoftGanz
- CSS Properties Index
- Download file with PHP
- เรียน python ใน 10 นาที จากเว็บ Technology news
- PHP 5 & timezone
- rss2array
- document.referrer
- พารามิเตอร์ จากการ GET ใน html file