Qui định Height nhỏ cho DIV rỗng trong IE6


Rất nhiều người dùng còn đang dùng IE6. Và đây là 1 vấn đề với anh chàng số 6 đỏng đảnh này.

Trên IE6, nếu muốn đặt height nhỏ hơn line-height mặc định cho 1 div nào đó không chứa nội dung (div rỗng) thì phải hack css như sau nhé:

div.blah

{

width:100%; height:5px; background-image:url('../images/myborder.gif'); background-repeat:repeat-x;

}
........
........
........
........

<
div class="blah"><!----></div>

Quan trọng nhất là phải bỏ vào trong cái DIV đó 1 cái comment HTML, nếu không thì IE 6 sẽ hiển thị cái div đó cao đúng bằng chiều cao của 1 line đấy.

( đã được xem 2287 lần từ 12/03/2009 )

Phản hồi bài viết

   
Họ tên  
Email*
Mã xác thực email
Tiêu đề*  
Nội dung*  
Đính kèm 
 
 
abcvn87 abcvn87@...
giải pháp khác
thưa thầy có thể đặt 3 thuộc tính : font-size:Npx; line-height:Npx; và height:Npx; cũng được đấy ạ
Hoàng Việt Dũng dunghoang.it@...
cách này ngắn hơn thầy ạ
test comment hình như thầy ko cho viết thẻ HTML
Trang 1
Tôi là Lê Hữu Dũng
Giảng viên CNTT
Khoa Công nghệ Tin học
Viện Đại học Mở Hà Nội