IE6 เล่นตูอีกแล้ว (double length margin float)
วันที่ 14 ก.ค. 52 + 17:13.36 , กลุ่ม การพัฒนาเวปไซต์ , ป้าย double length, float, ie6, margi
เอาอีกแล้วครับ เทพเจ้า IE6 โดนมันเล่นอีกแล้ว
หลักการและเหตุผล
นั่งทำ theme ให้ free webboard ดีๆ ก็มีอันสะดุด เพราะทำเสร็จไปทดสอบใน IE6 ทำไมมันเละอีกแล้วหว่า ไม่ได้เขียนอะไรให้มันหวือหวา ซักนิด
เรื่องของเรื่องก็คือ ผมจะเอาเมนู ไปไว้ด้านข้างด้วยคำสั่ง float: left แบบนี้ แล้วก็ใช้ margin-left ถีบมันออกมาหน่อยให้ตรงๆ กับ background แค่นั้น
ผมใส่ให้ดันออกมาทางขวา 100px ทุก browser เค้าก็ให้ออกมา 100px แต่พี่ IE6 เค้าใจดี แถมให้เป็น 200px (ใจดีชิบหาย กูไม่ได้อยากได้เลยยยย)
ภาพเหตุการณ์
Browser ทั่วไป และอย่างที่ผมต้องการ
ท่านพี่ IE เป็นแบบนี้ ด้วยคำสั่งเดียวกัน
แก้ปัญหายังไงล่ะทีนี้ เข้ากูเก้ง โดยไว ค้นๆๆ เข้าไป ก็เจอ แว่บเดียว ทางนู้นเค้ากล่าววิธีแก้เอาไว้ว่า ให้เติมคำสั่งนี้ลงไป
เช่น css ตอนแรก เป็นแบบนี้
ก็เพิ่มคำสั่งเข้าไป เป็นแบบนี้
โอ้ว มันแก้ได้จริงๆ ด้วย IE6 แสดงผลเหมือนชาวบ้านแล้ว สาธุ
หลักการและเหตุผล
นั่งทำ theme ให้ free webboard ดีๆ ก็มีอันสะดุด เพราะทำเสร็จไปทดสอบใน IE6 ทำไมมันเละอีกแล้วหว่า ไม่ได้เขียนอะไรให้มันหวือหวา ซักนิด
เรื่องของเรื่องก็คือ ผมจะเอาเมนู ไปไว้ด้านข้างด้วยคำสั่ง float: left แบบนี้ แล้วก็ใช้ margin-left ถีบมันออกมาหน่อยให้ตรงๆ กับ background แค่นั้น
ผมใส่ให้ดันออกมาทางขวา 100px ทุก browser เค้าก็ให้ออกมา 100px แต่พี่ IE6 เค้าใจดี แถมให้เป็น 200px (ใจดีชิบหาย กูไม่ได้อยากได้เลยยยย)
ภาพเหตุการณ์
Browser ทั่วไป และอย่างที่ผมต้องการ
ท่านพี่ IE เป็นแบบนี้ ด้วยคำสั่งเดียวกัน
แก้ปัญหายังไงล่ะทีนี้ เข้ากูเก้ง โดยไว ค้นๆๆ เข้าไป ก็เจอ แว่บเดียว ทางนู้นเค้ากล่าววิธีแก้เอาไว้ว่า ให้เติมคำสั่งนี้ลงไป
display: inline;
เช่น css ตอนแรก เป็นแบบนี้
div.box {
float: left;
width: 150px;
margin-left: 100px;
}ก็เพิ่มคำสั่งเข้าไป เป็นแบบนี้
div.box {
float: left;
width: 150px;
margin-left: 100px;
display: inline;
}โอ้ว มันแก้ได้จริงๆ ด้วย IE6 แสดงผลเหมือนชาวบ้านแล้ว สาธุ
- เอามันไปเผาทิ้งเหอะ IE6 (มีคนจัดงานศพให้มันด้วยแฮะ)
- ขอบคุณข้อมูลการแก้ไข และรูปภาพประกอบเอกสาร ไว้ว่างๆ จะทำรูปใหม่ เป็นแบบของตัวเอง
ไม่สามารถแสดงความคิดเห็นได้ จำเป็นต้อง เข้าระบบสมาชิก ก่อน หรือ สมัครสมาชิกใหม่