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 3422 lần từ 12/03/2009 )
Share |

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
nay là
Khoa Công nghệ Thông tin
Trường Đại học Mở Hà Nội