วันศุกร์ที่ 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 และเวอร์ชั่นต่ำกว่า

ไม่มีความคิดเห็น: