Question

我在设计网站时遇到一些问题，我不知道如何解决这些问题。主要问题是浏览器兼容性。这是HTML代码，它还包括2个css文件和一个我不会发布的javascript文件，因为它们可能占用太多空间。

<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>

以下是我网站的截图：

火狐 http://img40.imageshack.us/img40/5485/13162041.png
网络浏览器： http://img861.imageshack.us/img861/8895/30286878.png

我希望在IE中看到该网站的方式与在FX中看到的方式相同，但问题是IE无法检测到javascript代码，两个图像和位置#page（白色部分）左边。我试图用DOCTYPE标签解决这个问题，但似乎找不到合适的标签。有什么建议？

Answer 1

将margin:o auto;提供给您的#page，可能会对您有效

Answer 2

我不知道图像位置（IE浏览器的bug很容易跟踪），但它没有检测到JavaScript的原因就在你面前。您似乎正在从本地驱动器访问您的网页。在这种情况下，IE会阻止JS代码。单击黄色栏并选择“允许...”或类似的消息。

HTML网站 - 浏览器兼容性

2 个答案: