【发布时间】：2013-11-20 17:26:56
【问题描述】：
我在 Firefox 中查看表格时遇到问题，想知道是否有人可以提供帮助？以下是我的页面在 Firefox 中的显示方式：
http://s15.postimg.org/sx6cn6ktn/Problem_Firefox.jpg
但在 Internet Explorer 中看起来不错：
http://s16.postimg.org/e96xsuwj9/Problem_IE.jpg
我的 HTML 编码如下：
<!DOCTYPE_HTML>
<HTML>
<head>
<link rel="stylesheet" type="text/css" href="css.css">
<title>Website Name | Album Name</title>
<body>
<div id="wrap">
<div id="logo"><img height="182.135433071px"; width="276.699212598px"; src="ctlogonew.jpg"></img> </div>
<div id="header"><img height="182.135433071px"; width="700px"; src="header1.png"</img> </div>
<ul>
<li><a href="#home">Home</a></li>
<li><a href="#news">News</a></li>
<li><a href="#news">About</a></li>
<li><a href="#Album Name">Album</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
<hr>
<!---HEADER ENDS HERE--->
<h1>Welcome to Website</h1>
<table border="1px" width="100%">
<col width="40">
<col width="60">
<tr>
<td><img width="400px" src="homepic.jpg"></img></td>
<td><p>Welcome to xxxxx - an indie-rock band from Norwich.</p><p> The band are known in the industry for creating great music, with all members, including xxxxxxxxxx having a passion for the genre. Formed in 2010, and based in Norwich, Norfolk, the band have increased massively in popularity since then, selling out all performances for their tour in 2012, with more scheduled for 2013, as well as developing a following in London and on the festival scene.</p><p>The band are known musically for their own brand of indie pop music, containing riffs, hooks and soaring choruses, which has seen them become an online sensation worldwide</p><p>Explore our website for our latest news, details of our latest album <strong><i>Album Name</strong></i>, and purchase merchandise from the store.</p><p> Fans can also explore our Facebook and Twitter profiles, and get in touch with us via the Contact Us page. </p></td>
</div>
</body>
</html>
我的 CSS 编码如下：
#wrap {
width:1000px;
height:1000px;
background-color:black;
margin: 0 auto;
}
#logo {
width:276.699212598px;
height:182.135433071px;
background-color:black;
align:left;
float:left;
margin-top:0px;
margin-left:5px;
margin-right:5px;
}
#header {
width:700px;
height:182.135433071px;
background-color:white;
float:right;
}
ul{
line-height:90px;
list-style-type:none;
text-align:center;
margin:0;
padding:0;
padding-top:6px;
padding-bottom:6px;
}
li{
display:inline;
}
a:link,a:visited {
font-family:Reprise Title, Gill Sans MT, Trebuchet MS, Sans-serif;
font-size:2em;
font-weight:bold;
border-radius:5px;
color:#000000;
background-color:#FFFFFF;
text-align:center;
padding:6px;
text-decoration:none;
text-transform:uppercase;
}
a:hover,a:active {
background-color:#7A991A;
}
{
border:1px solid #0000ff;
}
div.desc {
text-align:center;
font-weight:normal;
width:120px;
margin:2px;
}
hr {
height:4px;
background-color:white;
margin-left:20px;
margin-right:20px;
margin-bottom:30px;
}
/*HEADER ENDS HERE*/
h1 {
font-family:Reprise Title, Gill Sans MT, Trebuchet MS, Sans-serif;
font-size:2em;
color:#FFFFFF;
font-weight:bold;
margin-left:20px;
}
p {
font-family: Gill Sans MT, Trebuchet MS, Sans-Serif;
font-size: 1em;
color: #FFFFFF;
}
table {
font-family: Gill Sans MT, Sans-Serif;
color: #FFFFFF;
padding: 3px;
}
非常感谢任何帮助！
非常感谢。
【问题讨论】：
-
您指向
Problem_IE页面的链接实际上指向Problem_Firefox.jpg。 -
您的文档类型错误，这可能会将两个浏览器都打入“怪癖模式”（本质上是一种 IE5 兼容模式），从而导致各种疯狂。下划线应该是空格，即
<!DOCTYPE html> -
在开始
<body>之前，您没有结束</head>标记。 -
col width在 HTML5 中已过时；你应该改用 CSS。
标签： html css internet-explorer firefox