我刚刚开始制作网页,我在这个非常简单的网页上遇到了很多麻烦。我无法在IE上显示任何内容,但它在其他浏览器上运行正常。我会冒昧地将所有代码放在我的问题中,因为它真的很短。如果有人能帮助我,那就太好了!
html是:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html
xmlns="http://www.w3.org/1999/xhtml">
<head> <title>Rhaya<title>
<link rel='stylesheet' media="screen" type="text/css"
href='rhaya.css'/>
</head>
<body>
<div id="masthead"> Rhaya </div>
<div id="content"> Aca va todo el
contenido </div>
<div id="footer"> ©2009 Rhaya | Teresa
Siu | Pía Fabry </div>
</body>
</html>
和css是:
ul,ol,li {list-style:none}
body { margin:0 auto; padding:0;font-family: Tahoma;font-size:13px; background: #fff; line-height:15px; color:#000;}
a {color: #000;text-decoration:none}
a:hover {text-decoration:none;color:#000;cursos:default;}
/* Masthead */
#masthead {
margin:10px 0 10px 0;
height: 50px;
font-weight: bold;
padding:10px;
border:1px solid #a2ebf4;
background-color:#e1f2f9;
background-image: url(img/header.png);
}
/* Content */
#content {
margin-left:0px;
margin-bottom:10px;
padding:10px;
border:1px solid #000;
min-width: 300px;
min-height: 300px;
font-family: Tahoma;
font-size:13px;
}
/* Footer */
#footer {
clear:both;
padding:10px;
border:1px solid #a2ebf4;
background-color:#e1f2f9;
text-align:center;
}
#wrapper{
width:1002px;
clear:both;
height:auto;
margin:0px auto;
background:#fff;
}
我真的很抱歉这么公然地问,但我真的很难过。
谢谢!
答案 0 :(得分:10)
供将来参考:http://validator.w3.org/#validate_by_input 用它来解决HTML问题。
答案 1 :(得分:9)
你的html头部有一个错误:
<title>Rhaya<title>
应该是
<title>Rhaya</title>
答案 2 :(得分:1)
原因是您在页面标题中有整个页面。改变这个:
<title>Rhaya<title>
为:
<title>Rhaya</title>
答案 3 :(得分:0)
我建议您将以下内容添加到css中:
div { position: relative; }
答案 4 :(得分:0)
<html
标签未正确关闭
标题标签未正确关闭。
答案 5 :(得分:-1)
我已经尝试过并经过测试。这是你的头衔问题。附上标题/标题肯定会奏效。