avatar
Synchronize ใครกันล่ะหว่า ?

IE6 เล่นตูอีกแล้ว (double length margin float)

วันที่ 14 ก.ค. 52 + 17:13.36
ความคิดเห็น 0
กลุ่ม การพัฒนาเวปไซต์
เอาอีกแล้วครับ เทพเจ้า 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 แสดงผลเหมือนชาวบ้านแล้ว สาธุ

double length, float, ie6, margi

ขับเคลื่อนโดย un-no Engine 2.1.2 © ลิขสิทธ์โดย บริษัท อันโน คอร์ปอเรชั่น จำกัด [ แผนที่เว็บไซต์ ]

แก้ไขล่าสุด: 2009-11-15 00:40:43, หมายเลขเซสชั่น: d6be5ddc80d2228f795b8c5f749ef952, ใช้เวลาสร้าง: 0.024986029 วินาที