PHP Ionic Angularjs Phonegap AJAX Javascript CSS MySQL jQuery Forum

เกี่ยวกับ div ครับ

เกี่ยวกับ div ครับ

คำถามวันนี้ ผมสงสัยเรื่องของ CSS ในการควบคุม DIV ผมตั้งใจอยากจะรู้มากเลยครับ
ก่อนอ่าน ท่านที่จะช่วยคลี่ปมก็ดี หรือท่านที่สงสัยเหมือนกันก็ดี ดูรูปประกอบด้วยครับ เดี๋ยวงง

คำถามเรื่อง DIV กับ Position

นั่นแหละครับ เจ้าตัวปัญหา คือปรกติถ้าผมทำเสร็จแล้ว นั่งดูในเครื่องตัวเองจิบชาตราสามมาก็คงจะสบายใจ
แต่นี่ ผมไปเปิดดูเครื่องคนอื่นคือ มันแตกไปมั่วหมดเลย

ถ้าสังเกตุใน <div #yel> จะมีการใส่ค่า left:600px; เพื่อให้บวกจากระยะของบราวเซอร์และระยะของ <div #red>
และ <div #green> จะมีการใส่ค่า left:900px; เพื่อให้ตำแหน่งถูกบวกจากระยะขอบเบราว์เซอร์และ <div #red> และ<div #green>

ผมใช้ Resolution ขนาด 1600×900 px แต่พอผมไปเปิดดูเครื่องอื่น มันแตกเละเทะหมดเลย
ผมจึงสรุปคร่าวๆด้วยตัวเองว่า น่าจะเป็นผลจากการใช้ position:absolute ที่ทำให้ค่า left ของ div ทุกตัวถูกฝังอยู่กับที่
แม่ว่าจะใส่ค่า div ที่ครอบทุกสิ่งให้เป็น width:900px ก็จะไม่ช่วยให้บีบ Div ทั้ง 3 อยู่ในดิฟของมันดังรูป

เห็นป่ะครับ สีเทา คือ <div #ครอบทุกสิ่ง> จริงๆแล้ว มันไม่ได้ควบคุม แดง เขียว เหลือง ที่อยู่ในตัวมันเลย

คำถามเงินล้าน : ทำอย่างไร ให้ DIV ทั้งสามตัว แดง เหลือง เขียว เรียงกัน ให้อยู่กึ่งกลาง เหมือนรูปแรก โดยไม่ต้องใช้คำสั่ง left
เพื่อให้สามารถแสดงผล กับทุก Resolution ได้ ให้มันอยู่ตรงกลางของเพจเลยอ่ะครับ ใครพอช่วยผมได้มั่งเอ่ย!

ขอบคุณครับ สวัสดีครับ



โดย:  Finzaa IP: 124.122.152.xxx วันที่: 31-05-2010 เวลา: 00:16:23

คำแนะนำ และการใช้งาน

สมาชิก กรุณา ล็อกอินเข้าระบบ เพื่อตั้งคำถามใหม่ หรือ ตอบคำถาม สมาชิกใหม่ สมัครสมาชิกได้ที่ สมัครสมาชิก


  • ถาม-ตอบ กรุณา ล็อกอินเข้าระบบ


  • ( หรือ สามารถทำการ สมัครสมาชิก และล็อกอิน ด้วย ปุ่ม Log in with Facebook ด้านล่าง )
 ความคิดเห็นที่ 1

น่าจะมีโค้ดตัวอย่างประกอบ



โดย:  Ninenik IP: 124.121.223.xxx วันที่: 31-05-2010