10/10/2018, 09:43

Firefox vs IE điên cả đầu!!!

Hai thằng này nó "hành" cái blog của em ( http://vietsoc.com ) giữ quá các bác ơi!
Blog của em hiện đang mắc các lỗi sau mà em mò hoài chưa giải quyết đc, nhờ các bác góp ý dùm:

1. Lỗi font chữ trong thanh menu với code và css như sau:
CODE:
Code:
		<div id="menu">
<ul>
	<li><h1><a href="<?php bloginfo('url'); ?>/" title="<?php bloginfo('name'); ?> <?php _e('home page'); ?>">HOME</a>
&nbsp;&nbsp; <?php wp_list_categories('title_li='); ?>
<a href="<?php bloginfo('url'); ?>/?page_id=2" title="trao đổi logo, text link">LIÊN KẾT</a>

</h1></li>
</ul>
		</div>
CSS:
Code:
#menu{display: inline;float: left;margin: 0 5px 2px;width: 726px;border-top: 5px solid #CFCFCF;border-bottom: 5px solid #CFCFCF;border-left: 1px solid #CFCFCF;border-right: 1px solid #CFCFCF;clear: both;background: #FFFAF0;}

#menu ul{margin: 0;padding: 5px 10px;list-style: none;}

#menu ul li{display: inline;padding-right: 10px;}

#menu ul li h1{display: inline;font-size: 12px;text-transform: uppercase;}

#menu ul li a{color: #3A5FCD;font-weight: bold;}

#menu ul li a:hover{color: #CD6600;}
2. Lỗi với clip (ví dụ: http://vietsoc.com/?p=278) xem trong firefox thì chiều cao clip bị "xén" mất gần nửa, còn IE thì ko sao. code chèn clip như sau:
Code:
<object id="NSPlay" classid="clsid:6bf52a52-394a-11d3-b153-00c04f79faa6" width="400" height="400" codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701"><param name="url" value="link" /><embed id="NSPlay" type="application/x-mplayer2" width="400" height="400" src="link"></embed></object>
Mong các bác giúp em cách giải quyết, cám ơn các bác nhiều!
trytolive viết 11:47 ngày 10/10/2018
Thứ nhất mình thấy bạn để cả cái menu vào tag h1 là thấy hơi bị không bình thường. Bạn nên bỏ nó đi thì tốt hơn (theo ý mình).

Text chỉ cần capitalize là được rồi (hoặc uppercase tùy bạn)-trong css ý. Bên file html thì chữ home và liên kết nên để nó giống người khác chút.

Mình chưa có làm được web như bạn đâu nhưng mình góp ý bạn là bạn nên chịu khó đọc thêm sách về css xíu, như cuốn CSS Mastery mình thấy cũng hay. Thân.
KuJangSung viết 11:52 ngày 10/10/2018
ohm! thật là cao tay cám ơn bạn nhiều lắm ^^!
tại mình bỏ gộp nhiều phần tử trong tag h1 cũng như li mà ra cả.
Vậy lỗi với clip thì sao nhỉ? trước mình sử dụng phpbb cũng gặp trường hợp này mà chưa biết cách khắc phục.
hetien viết 11:51 ngày 10/10/2018
Viết code riêng cho IE & FF. Thằng IE ko theo chuẩn quốc tế thì phải chịu vậy thôi. Bây giờ mà con viết code cho IE nữa hả?
KuJangSung viết 11:56 ngày 10/10/2018
ko theo chuẩn quốc tế nhưng hình như IE vẫn là trình duyệt web đc sử dụng đông đảo nhất đấy ...
ngoc_viet08 viết 11:49 ngày 10/10/2018
các bạn có gì chứng minh rằng thằng ie nó ko theo chuẩn quốc tế ko ? tớ thấy mỗi lần design thì phải fix ở cả 2 thằng ie , ff . lúc thằng này điên , lúc thằng kia điên .
còn chuyện video play khùng khùng thì tớ nhớ ff ko hỗ trợ thẻ object thì phải ???
bài viết của bạn bị vỡ khung do chèn hình quá lớn kìa
KuJangSung viết 11:52 ngày 10/10/2018
có đâu bác! chắc bác nói tới cái thumbnail (bikini) đó hả
nó chỉ bể khi duyệt IE thôi, còn ff thì ngon bác à ^^!
còn cái video nếu ff ko hỗ trợ thẻ object thì fix làm sao đây trời ....
trytolive viết 11:45 ngày 10/10/2018
Có lẽ IE (mình xài IE6 test) không hỗ trợ max-height nên ảnh của bạn không bị giới hạn kích thước dẫn đến việc tràn ra ngoài cái div.

Nếu bạn chấp nhận để ảnh lớn như vậy trong IE thì bạn có thể cho cái div nó bao hết cái hình bự đó của bạn. Mình có để ý bạn xài <br clear="both"/> (cái này hình như ai đó mách bạn bên 1 cái thread mình có đọc - phải chăng? ).

Vậy bạn có thể sửa lại dòng này thành <div style="clear: both;"></div>. Tag div này chơi "đẹp" hơn thằng br bạn làm ở trên.

Cái video thì mình chưa nghin cứu bao giờ nên ko giúp bạn được. Diễn đàn này có nhiều pro TKW lắm mà. Giúp người ta đi!
KuJangSung viết 11:59 ngày 10/10/2018
uhm! mình cũng đã thay vào <div style="clear: both;"></div> và kết quả thu đc cũng như <br clear="all"> song mình vẫn chưa hiểu ý nghĩa của clear lắm.

[=========> Bổ sung bài viết <=========]

Được gửi bởi trytolive
Vậy bạn có thể sửa lại dòng này thành <div style="clear: both;"></div>. Tag div này chơi "đẹp" hơn thằng br bạn làm ở trên.
"đẹp" hơn ở những điểm nào? bạn có thể nói rõ hơn ý của bạn ko? cám ơn bạn nhiều!
trytolive viết 11:49 ngày 10/10/2018
Bạn không thấy là sau khi sửa lại, trong IE cái post div của bạn nó mở rộng hơn và bao lấy cả cái hình sao.
Thuộc tính clear đơn giản là nó xóa tất cả các vùng mà float chiếm đóng ở trên.
Bài liên quan
0