Html 网页在IE中未正确显示

Html 网页在IE中未正确显示,html,css,internet-explorer,doctype,Html,Css,Internet Explorer,Doctype,我知道这是网页设计中一个众所周知的问题。我的网站在Firefox、Opera和Safary上的效果与预期一样,但在IE上,原来的设计已经丢失了。正如您在以下内容中看到的,容器有问题: 我知道编码不是很好,但我希望有人告诉我问题到底出在哪里,这样我就不必从头开始重新设计一切 我希望有人能帮忙。提前谢谢 HTML源 <html> <head> <link rel="icon" href="favicon.jpg" type="image/x-icon" />

我知道这是网页设计中一个众所周知的问题。我的网站在Firefox、Opera和Safary上的效果与预期一样,但在IE上,原来的设计已经丢失了。正如您在以下内容中看到的,容器有问题:

我知道编码不是很好,但我希望有人告诉我问题到底出在哪里,这样我就不必从头开始重新设计一切

我希望有人能帮忙。提前谢谢

HTML源

<html>
<head>
  <link rel="icon" href="favicon.jpg" type="image/x-icon" />
  <link href="skaldenmet-css.css" rel="stylesheet" type="text/css">
  <title>Skaldenmet-Folk Metal</title>
</head>
<body>
  <div id="container">
    <div id="header"></div>
    <div id="navigation">

        <ul>
            <li><a href="index.html">Inicio</a></li>
            <li><a href="history.html">Historia</a></li>
            <li><a href="music.html">Música</a></li>
            <li><a href="band.html">Banda</a></li>
            <li><a href="contact.html">Contacto</a></li>

            <li><a href="license.html">Licencia CC</a></li>
            <li><a href="links.html">Enlaces</a></li>
            <li><a href="english.html">English</a></li>
            <li><a href="news.html">Noticias</a></li>
        </ul>
    </div>
    <div style="text-align: justify; background-image: url('bg55.jpg');">


            <h1>Bienvenidos a Skaldenmet,</h1>  
           <div style="text-indent: 160px;">  un proyecto folk metal desde el norte de Argentina.</div>
        <div style="padding: 5px;">
        <p>     
            En este sitio encontrarán información sobre la banda así como la posibilidad de descargar 
            <a href="music.html" title="Descargar el disco">"Bosque bajo la noche"</a>, el primer, y tal vez último, disco lanzado.<br>
        </p>
        </div>
    </div>
    <div id="footer">
        <p>2010-2011 | www.skaldenmet.cjb.net | Republica Argentina </p>
        <p>Content on this site is licensed under a <a href="http://creativecommons.org/licenses/by/3.0/">Creative Commons Attribution 3.0 License</a></p>
        <p>Sitio desarrollado con software libre <a href="http://es.wikipedia.org/wiki/GNU/Linux">GNU/Linux</a>.</p>
    </div>

  </div>
</body>
</html>

您需要添加doctype作为触发标准模式的第一行:

<!DOCTYPE html>

如果没有它,IE将在中呈现您的页面(模拟IE5.5)

见:


我对您的网站并不十分熟悉,但在手动将浏览器模式更改为IE9模式以进行测试(点击F12)后,它看起来与Chrome“完全相同”。

请:为未安装Internet Explorer的用户提供屏幕截图。另外,你正在运行什么版本的IE?你认为问题在哪里,把你的问题简化成那个具体的问题?你的回答是在我发布这个问题几秒钟后得出的。您的评论
“我知道这是网页设计中一个众所周知的问题。”
是真的;这很常见。看到“IE问题”和
作为第一行,问题就向我冲了过来。
<!DOCTYPE html>