Giúp đỡ mình fix thuộc tính last-child trên IE6

[newmem90]

Mình có làm cái nav-bar cho trang web

HTML Code:


<div id="nav-bar">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
<li><a href="#">Forum</a></li>
<li><a href="#">Extensions</a></li>
</ul>

CSS Code:


nav-bar ul li{
display: inline;
boder-right: 1px solid #000000;
padding: 0px 4px;
}

nav-bar ul li:last-child{
border: none;
}


Trên firefox thì hiển thị ok: Home | About | Contact | Forum | Extensions

Nhưng trên IE6 thì: Home | About | Contact | Forum | Extensions |
-> border-right ở <li></li> cuối vẫn xuất hiện mặc dù có đặt thuộc tính last-child
Bạn nào biết chỉ giùm mình. Mình cám ơn nhiều !

[hakara]

thay last-child dùng first-child xem, mình dùng IE nó ko hiểu last nhưng thấy hiểu first nên toàn dùng first

[ngoc_viet08]

dùng thuộc tính này cho riêng IE rùi phải fix cho các trình duyệt khác nữa à , tốt nhất dùng chuẩn CSS đi T_T

[nguyenhuong_apl]

Bạn làm như sau:

1. Them class last-item vao li cuối cùng:




<div id="nav-bar">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
<li><a href="#">Forum</a></li>
<li class="last-item"><a href="#">Extensions</a></li>
</ul>



2. Code style cho last-item:


.last-item {
boder-right: none;
}

Chúc may mắn!

[hakara]

@nguyenhuong_apl : nếu tự add menu = HTML thủ công thì dùng cách của bạn cũng được. còn nếumenu sinh ra tự động do code, ở đây không bàn tới edit code sinh ra menu để thêm cái class="last-item" vào mà fai can thiệp css thôi