 หมวดหมู่
|
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 แสดงผลเหมือนชาวบ้านแล้ว สาธุ
|
ขับเคลื่อนโดย un-no Engine 2.1.2 © ลิขสิทธ์โดย บริษัท อันโน คอร์ปอเรชั่น จำกัด [ แผนที่เว็บไซต์ ]
แก้ไขล่าสุด: 2009-11-15 00:40:43, หมายเลขเซสชั่น: ce3dd4e452b40e0dc877041c2c00c3db, ใช้เวลาสร้าง: 0.045997858 วินาที