หลังจากนั่งงง อยู่เกือบครึ่งวัน เพราะการแสดงผลผิดพลาดของ MSIE ทั้ง 6 และ 7 ซึ่ง ol จะแลดงเลข counter เป็น 1 ทั้งหมด โดยที่ทั้ง Firefox,Safari,Chrome แสดงผลตามปกติ
จาก WikiBall
HTML code
<div id="GovTop10"><h1>เวปราชการยอดนิยม</h1> <ol> <li><a title="สรรพากร (www.rd.go.th)" href="http://www.rd.go.th">สรรพากร</a></li> <li><a title="สำนักงานคณะกรรมการการศึกษาขั้นพื้นฐาน (www.obec.go.th)" href="http://www.obec.go.th">สำนักงานคณะกรรมการการศึกษาขั้นพื้นฐาน</a></li> <li><a title="สำนักงานประกันสังคม (www.sso.go.th)" href="http://www.sso.go.th">สำนักงานประกันสังคม</a></li> <li><a title="สำนักงานสลากกินแบ่งรัฐบาล (www.glo.or.th)" href="http://www.glo.or.th">สำนักงานสลากกินแบ่งรัฐบาล</a></li> <li><a title="กรมส่งเสริมการปกครองท้องถิ่น (Department of Local Administration) (www.thailocaladmin.go.th)" href="http://www.thailocaladmin.go.th">กรมส่งเสริมการปกครองท้องถิ่น (Department of Local Administration)</a></li> <li><a title="กรมประชาสัมพันธ์ (www.prd.go.th)" href="http://www.prd.go.th">กรมประชาสัมพันธ์</a></li> <li><a title="www.ocsc.go.th (www.ocsc.go.th)" href="http://www.ocsc.go.th">www.ocsc.go.th</a></li> <li><a title="ธนาคารแห่งประเทศไทย (www.bot.or.th)" href="http://www.bot.or.th">ธนาคารแห่งประเทศไทย</a></li> <li><a title="Information of Thai tambon or villages with local products and many interesting places (www.thaitambon.com)" href="http://www.thaitambon.com">Information of Thai tambon or villages with local products and many interesting places</a></li> <li><a title="CM108.com เชียงใหม่ หางานเชียงใหม่ ภาพเชียงใหม่ เชียงใหม่108 จังหวัดเชียงใหม่ (www.cm108.com)" href="http://www.cm108.com">CM108.com เชียงใหม่ หางานเชียงใหม่ ภาพเชียงใหม่ เชียงใหม่108 จังหวัดเชียงใหม่</a></li> </ol> </div>
CSS code
#GovTop10 {
text-align: left;
width: 200px;
}
#GovTop10 li{
width: 180px;
}
#GovTop10 h1{
font-size: 15px;
color: #29ABE2;
text-align: center;
margin-bottom: 0px;
}
#GovTop10 .site{
width: 180px;
list-style: none;
}
GovTop10 .zebra_odd{
background-color:#FFFFFF;
}
#GovTop10 .zebra_even{
background-color: #EFEFEF;
}
วิธีแก้ไข
หลังจากหาอยู่เป็นเวลานานจึงได้พบว่า สิ่งที่ทำให้เกความผิดพลาดคือ
#GovTop10 li{
width: 180px;
}
โดยถ้าลบ width ทิ้ง ก็จะแสดงผลได้ถูกต้องตามเดิม


0 Responses
Stay in touch with the conversation, subscribe to the RSS feed for comments on this post.