私はウェブサイトの設計にいくつか問題があり、どのように解決するのか分かりません。主な問題はブラウザの互換性です。ここにHTMLコードがあります。また、おそらくあまりにも多くのスペースを取るので、私は投稿しない2つのcssファイルと1つの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で見られるようにameの方法ですが、問題はIEがjavascriptコード、2つの画像と位置#page(白い部分)を左側に検出しないということです。 私はDOCTYPEタグでこの問題を解決しようとしましたが、正しいものを見つけることができません。助言がありますか?
標準レンダリングモードは、ブラウザ間での互換性を実現する最初の(場合によっては唯一の)ステップです。あなたのマークアップの始めに '<!doctype html>'を試してください。 – duri