Html 网页在IE中未正确显示
我知道这是网页设计中一个众所周知的问题。我的网站在Firefox、Opera和Safary上的效果与预期一样,但在IE上,原来的设计已经丢失了。正如您在以下内容中看到的,容器有问题: 我知道编码不是很好,但我希望有人告诉我问题到底出在哪里,这样我就不必从头开始重新设计一切 我希望有人能帮忙。提前谢谢 HTML源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" />
<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>