2012-04-02 186 views
0

我有一些設計網站的問題,我不知道如何解決它們。主要問題是瀏覽器兼容性。這裏是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> 

這裏是我的網站的截圖:

  1. 火狐 http://img40.imageshack.us/img40/5485/13162041.png

  2. Internet Explorer中: http://img861.imageshack.us/img861/8895/30286878.png

我想在網站中可以看到IE的就像在FX中看到的一樣,但問題在於IE沒有檢測到JavaScript代碼,左側的兩個圖像和位置#頁面(白色部分)。 我試圖用DOCTYPE標籤來解決這個問題,但似乎找不到合適的。有什麼建議麼?

+1

標準渲染模式是實現跨瀏覽器兼容性的第一步(也是唯一的步驟)。在標記開始處嘗試「<!doctype html>」。 – duri 2012-04-02 09:30:15

回答

0

margin:o auto;#page,可能會爲你工作

+0

'margin'屬性的'auto'值在IE的怪異模式下不起作用。 – duri 2012-04-02 09:37:41

+0

通過鏈接'http:// stackoverflow.com/questions/4742877/center-align-div-in-internet-explorer' – 2012-04-02 09:41:38

0

我不知道有關圖像的位置(IE瀏覽器漏洞的只是太煩人跟蹤),但原因是未檢測JavaScript就在你的面前。看起來您正在從本地驅動器訪問您的網頁。在這種情況下,IE會阻止JS代碼。點擊黃色欄並選擇'允許...'或類似的信息。