我有一些設計網站的問題,我不知道如何解決它們。主要問題是瀏覽器兼容性。這裏是HTML代碼,它還包括2個CSS文件和一個JavaScript文件,我不會發布,因爲它們可能佔用太多空間。HTML網站 - 瀏覽器兼容性
<html>
<head>
<title>Quote genrator</title>
<meta name="keywords" content="quotes">
<meta http-equiv="content-type" content="text/html;charset=UTF-8">
<link href="style.css" rel="stylesheet" type="text/css">
<style type="text/css">
@import url(menu/menu_style.css);
</style>
</head>
<body>
<div id="page">
<a href="ch25.html"><IMG class="logo" SRC="images/logo2.png" height=70 alt="images/logo2.png"></a>
<br>
<ul id="menu">
<li><a href="#" title="Home">Home</a></li>
<li><a href="#" title="About us">About us</a></li>
<li><a href="#" title="Disclaimer">Disclaimer</a></li>
<li><a href="#" title="Contact us">Contact us</a></li>
<li><a href="#" title="Submit a qoute">Submit a quote</a></li>
</ul>
<p class="margin big auto">How do you feel about this quote<br>
<span style="color:black"><script language="javascript" src="quotes.js" type="text/javascript"></script></span> </p>
<div style="top: 370; position: absolute; visibility: show;">
<span style="cursorointer"><a href="ChAcc.html"><IMG class="margin opacity" SRC="images/smf.png" height=70
alt="images/smf.png"></a></span>
</div>
<div style="top: 370; left: 150; position: absolute; visibility: show;">
<span style="cursorointer"><a href="ch25.html"><IMG class="margin opacity" SRC="images/saf.png" height=70
alt="images/saf.png"></a></span>
</div>
</div>
</body>
</html>
這裏是我的網站的截圖:
Internet Explorer中: http://img861.imageshack.us/img861/8895/30286878.png
我想在網站中可以看到IE的就像在FX中看到的一樣,但問題在於IE沒有檢測到JavaScript代碼,左側的兩個圖像和位置#頁面(白色部分)。 我試圖用DOCTYPE標籤來解決這個問題,但似乎找不到合適的。有什麼建議麼?
標準渲染模式是實現跨瀏覽器兼容性的第一步(也是唯一的步驟)。在標記開始處嘗試「<!doctype html>」。 – duri 2012-04-02 09:30:15