max-height

อีกหนึ่งความเลวร้ายของ IE คือมันไม่ support คุณสมบัติ max-height ของ CSS

max-height ใน CSS จะเป็นตัวกำหนดความสูงมากที่สุดที่ element อันนั้นจะยอมได้ ถ้าเนื้อหาที่บรรจุใน element มันยาวเกิน ก็จะมี scrollbar โผล่มาให้เลื่อนๆ เอง บราวเซอร์เกือบทั้งหมดทำแบบนี้ได้ ยกเว้น IE ที่ชอบทำอะไรตามใจตัวเอง วิธีแก้มันเลยต้องเขียนอะไรพิลึกๆ แบบนี้

#mydiv {
max-height: 250px; /* CSS-compliant browser */
height: expression(this.scrollHeight > 250 ? "250px" : "auto"); /* for IE only ! */
overflow: auto;
}

ไม่ค่อยชอบวิธีแบบนี้เท่าไหร่ ดูแล้วมันไม่ elegant เลย

Leave a Reply