min-height cross browser
posted on 13 Apr 2009 12:10 by dexterian in CSSใครมีปัญหาเรื่อง min-height กับ IE6, FireFox ลองใช้ css นี้แก้ดูนะ
พอดีใช้ <ul... <li.. ทำเมนู แต่ว่ามีปัญหาเรื่องความสูงของเมนู
โดยถ้าใช้ height:20px; จะใช้เวิร์กเฉพาะ IE6 แต่ Firefox ไม่เวิร์กแฮะ
พอเปลี่ยนมาใช้ min-height:20px; ดันใช้ได้แต่ Firefox
เลยลองหาวิธี cross browser ดู
ก็มาเจอวิธีเขียนแบบนี้นะ
ลองเอาไปใช้กันดูครับ
css:
height:auto !important;
height:20px;
min-height:20px;
วิธีใช้ :
.leftmenu ul li a{
display: block;
width: 100%;
height:auto !important;
height:20px;
min-height:20px;
text-decoration: none;
color: #009966;
}
edit @ 13 Apr 2009 12:37:44 by My Dexteri@n