PDA

View Full Version : Firefox & IE??


Bop
10-01-2009, 19:57
Không hiểu mã kịch bản của 2 trình duyệt này thế nào mà cùng 1 CSS nhưng nó hiển thị khác???
CSS:


body {
font: 100% Vardana, sans-serif;
}

h1, h2, h3, h4, h5, h6,p {
font-family: "UTF-8", UTF-8, sans-serif;
}
h1 {
font-size: 60px;
font-weight: bold;
letter-spacing: 0.1px;
}
h2 {
font-size: 50px;
font-weight: bold;
}
h3 {
font-size: 40px;
font-weight: bold;
}
h4 {
font-size: 18px;
letter-spacing: 0.1px;
}
h5 {
font-size: 12px;
font-weight: bold;
letter-spacing: 0.1px;
}
h6 {
font-size: 10px;
font-weight: normal;
letter-spacing: 0.1px;
}

#menu {
margin-top: 250px;
margin-left: 200px;
}

#forum {
margin-top: -244px;
margin-left: 400px;
}


Mã HTML:


<div id="menu">
<a href="./index.php"><img src="./style/home.png" border="0"/></a>
</div>
<div id="forum">
<a href="/diendan/index.php"><img src="./style/forum.png" border="0"/></a>
</div>


>>Firefox thì đưa con trỏ chỗ nào trên ảnh có link cũng có hình bàn tay nhưng IE thì đưa con trỏ lên đầu bức ảnh có link nó mới hiện ra bàn tay?? ko hiểu vik code có sai ko mong các huynh giúp.

-Và điều nữa ảnh .png trong Firefox thì vùng trong suốt mình ko nhìn thấy còn IE thì vùng trong suốt đó màu xám?? vậy có cách nào làm cho 2 trình duyệt hiển thị như nhau ko??
herofit
10-01-2009, 22:49
Không hiểu mã kịch bản của 2 trình duyệt này thế nào mà cùng 1 CSS nhưng nó hiển thị khác???
CSS:


body {
font: 100% Vardana, sans-serif;
}

h1, h2, h3, h4, h5, h6,p {
font-family: "UTF-8", UTF-8, sans-serif;
}
h1 {
font-size: 60px;
font-weight: bold;
letter-spacing: 0.1px;
}
h2 {
font-size: 50px;
font-weight: bold;
}
h3 {
font-size: 40px;
font-weight: bold;
}
h4 {
font-size: 18px;
letter-spacing: 0.1px;
}
h5 {
font-size: 12px;
font-weight: bold;
letter-spacing: 0.1px;
}
h6 {
font-size: 10px;
font-weight: normal;
letter-spacing: 0.1px;
}

#menu {
margin-top: 250px;
margin-left: 200px;
}

#forum {
margin-top: -244px;
margin-left: 400px;
}


Mã HTML:


<div id="menu">
<a href="./index.php"><img src="./style/home.png" border="0"/></a>
</div>
<div id="forum">
<a href="/diendan/index.php"><img src="./style/forum.png" border="0"/></a>
</div>


>>Firefox thì đưa con trỏ chỗ nào trên ảnh có link cũng có hình bàn tay nhưng IE thì đưa con trỏ lên đầu bức ảnh có link nó mới hiện ra bàn tay?? ko hiểu vik code có sai ko mong các huynh giúp.

-Và điều nữa ảnh .png trong Firefox thì vùng trong suốt mình ko nhìn thấy còn IE thì vùng trong suốt đó màu xám?? vậy có cách nào làm cho 2 trình duyệt hiển thị như nhau ko??


đoạn code trên ngại test quá lên không trả lời được. còn ảnh PNG không hiện thị đúng trên IE6 cái này nhất nhiều code trên mạng hướng dẫn rùi hỏi bác google nhé
VuongChieuQuan
11-01-2009, 17:49
Để design chạy tốt trên nhiều trình duyệt thì chắc chỉ có cách viết code cho các trình duyệt khác nhau thôi. Ví dụ


#menu {
margin-top: 250px;
#margin-top: 251px;
_margin-top: 252px;
}

Dòng đầu cho firefox, dòng 2 cho IE>6, dòng 3 cho IE <=6.
loveleeyoungae
11-01-2009, 18:04
Xu hướng của những nhà lập trình web trên thế giới là bỏ hỗ trợ cho IE 6 trở xuống, vì như Google hay Y! cũng đã làm vậy rồi, nên có lẽ bạn cũng ko cần lo.
(Tất cả là do thằng IE 6 mà ra :D )
dangviethai
11-01-2009, 19:44
-Và điều nữa ảnh .png trong Firefox thì vùng trong suốt mình ko nhìn thấy còn IE thì vùng trong suốt đó màu xám?? vậy có cách nào làm cho 2 trình duyệt hiển thị như nhau ko??

để hiện ảnh PNG trong suốt trên IE6 thì bạn lên đây
http://hanamco.com/js/pngfix.js

để download file js về rồi include đoạn code sau vào trong thẻ <head> nhé

<!--[if lt IE 7]>
<script defer type="text/javascript" src="http://hanamco.com/js/pngfix.js"></script>
<![endif]-->

bạn có thể lên xem demo luôn trên trang http://hanamco.com của mình
Con Logo là ảnh PNG trong suốt, chạy trên IE6 vẫn ok :)
Bop
12-01-2009, 15:58
đoạn code trên ngại test quá lên không trả lời được.
Bác herofit có thể hướng dẫn em tét ở trang nào ko hay phần mềm test cũng được(có hướng dẫn càng tốt). Thanks bác nhìu :D
herofit
13-01-2009, 11:57
Bác herofit có thể hướng dẫn em tét ở trang nào ko hay phần mềm test cũng được(có hướng dẫn càng tốt). Thanks bác nhìu :D

http://jquery.andreaseberhard.de/pngFix/

png thì đây còn bạn muốn test png hay css
Bop
15-01-2009, 15:22
test cả trang mình vik ra chứ ko phải ảnh anh ah??
dinhanhency
15-01-2009, 15:37
Mấy cái Css hình như hay khó làm việc với FF hơn là IE. FF mà lỗi script thì tìm chết cha luôn.
VuongChieuQuan
15-01-2009, 21:42
Mấy cái Css hình như hay khó làm việc với FF hơn là IE. FF mà lỗi script thì tìm chết cha luôn.

Hoàn toàn phản đối.

Với những addon mà Firefox support : firebug, webdeveloper....thì IE còn lâu mới đuổi kịp. Tui cũng chẳng thấy firefox nó khó tính hơn IE ở điểm nào.

Hi^_^.
Bop
16-01-2009, 19:22
Nhưng quả đúng Firefox khó tính hơn IE thật!
chẳng hạn có những lỗi vik code nhỏ IE vẫn hiểu và cho qua nhưng Firefox thì ko 1 là 1 ko 2 gì cả :D