แสดงบทความที่มีป้ายกำกับ max width max height css ie6 ie7 firefox แสดงบทความทั้งหมด
แสดงบทความที่มีป้ายกำกับ max width max height css ie6 ie7 firefox แสดงบทความทั้งหมด

วันศุกร์ที่ 26 กันยายน พ.ศ. 2551

max width and max height Css All Browser

สำหรับการใช้งาน Max Width and Max Height นั้น ใน IE 7 และ Firefox แสดงผลได้ดี ไม่มีปัญหา แต่ว่า IE 6 ไม่ซับพอร์ทอ่ะจิ ทำอย่างไร มาดูกันครับ
(มันไม่ซับพอร์ทเพราะว่า Max Width กับ Max Height มันเป็น Css Version 2 ครับ)

.MaxHeight
{
max-height: 150px;
_height: expression( this.scrollHeight > 150 ? "150px" : "auto" );
}

.MaxWidth
{
max-width: 100px;
_width:expression(document.body.clientWidth > 100? “100px”: “auto” );
}

หรือ

.MaxWidth2
{
max-width: 100px;
_width:expression(this.width > 100? “100px”: “auto” );
}

สำหรับเครื่องหมาย หน้า css มีความหมายดังนี้นะครับ มีไว้สำหรับเบราเซอร์บางตัวเท่านั้น มันเป็นการ hack css ไม่อยากแนะนำครับ เป็นไปได้ เขียน Detect Browser แล้ว ใช้ตัวที่เหมาะกับ Browser นั้น ๆ จะดีกว่าครับ
# สำหรับ IE
_ สำหรับ IE6 และเวอร์ชั่นต่ำกว่า