มือสมัครเล่น อยากทำเว็บแบบ liquid layout แต่ผมยังไม่เข้าใจบางส่วน ระหว่าง html กับ css คือ ผมอยากทราบว่า ถ้าเราวาง layout แบบ liquid เราจะเขียน html โดยกำกับ tag div แบบไหนครับ หรือว่า ตามปกติเลย คือ ( ยกตัวอย่าง )
<div id="wrapper">
<div id="nav"></div>
<div id="content"></div>
</div>
ซึ่งก็คือ มีเมนู และ เนื้อหา อยู่ใน wrapper ที่ครอบอยู่ใช่มั้ยครับ นี่คือปกติใช่ปะ ถ้าเป็นแบบนี้ css ก็ต้องกำหนดระยะของ wrapper ให้เป็น 100% ใช่มั้ยครับ
แล้วข้างในก็กำหนดพื้นที่การใช้งานเป็น pixels แล้วกำหนดให้ ค่า margin ซ้าย ขวา เป็น auto หรือเปล่า
หรือว่า
เราต้องเขียน html ให้ซ้อน div ลงไปเป็นชั้น ๆ เลย แบบนี้ครับ (ตัวอย่าง)
<div id="wrapper"></div>
<div id="nav"></div>
<div id="content"></div>
แล้วเราก็ เซ็ต css ให้ทุกอย่างเป็น block เต็มพื้นที่ 100% ตั้ง ซ้าย ขวา auto แล้วค่อยซ้อน element เข้าไปข้างใน
คือถ้าให้ลองเขียนก็พอได้ครับ แต่ผมมักจะมีปัญหาเรื่องการจำ css ไม่ค่อยได้ แล้วอีกอย่าง พอกลับมาแก้ไข ผลก็คือ ไม่ทำงานตามที่สั่ง ซึ่งผมก็เลยต้องย้อนกลับไปดู code อีกครั้ง ทำให้ตาลายมากบางครั้ง
อย่างที่บอกว่า ลองผิดลองถูกได้ แต่อยากได้การเขียนที่ถูกต้องตามหลักเลยน่ะครับ
ขอคำแนะนำสำหรับผู้รู้ด้วยครับผม ขอบคุณมาก ๆ
เป็นไปได้ ขอตัวอย่าง การเขียน css เลยนะครับ เรื่อง Float ผมก็ไม่แน่ใจนะครับ ยิ่งเรื่อง position ผมนี่ งง เอ๋อเร๋อ เลยล่ะครับ
พัฒนาเว็บไซต์
