为什么我的表格出现在一个单元格中

-1

我的表格一直显示在一个单元格中，不知道我做错了什么。任何人都愿意看，让我知道我错了什么地方。为什么我的表格出现在一个单元格中

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<link rel="stylesheet" type="text/css" href="main.css"> 
<title>Ironton Fire department Sponsors</title> 
</head> 

<body> 
<div style="width:1020px; height:1020px; float:center; background- image:url(images/zombie_5k_TM_AP_stripped.png)"> 
<div class="home"> 
      <img src='images/home_button.jpg' name="register" onMouseOver="this.src='images/home_button_hover.jpg'" onMouseOut="this.src='images/home_button.jpg'" onclick="location.href='index.html'"/> 
     </div> 
     <div class="register"> 
      <img src='images/register_button.jpg' name="register" onMouseOver="this.src='images/register_button_hover.jpg'" onMouseOut="this.src='images/register_button.jpg'" onclick="location.href='register.html'"/> 
     </div> 
     <div class="sponsor"> 
      <img src='images/sponsor_button.jpg' name="sponsor" onMouseOver="this.src='images/sponsor_button_hover.jpg'" onMouseOut="this.src='images/sponsor_button.jpg'" onclick="location.href='sponsors.html'"/> 
     </div> 
     <div class="gallery"> 
      <img src='images/gallery_button.jpg' name="gallery" onMouseOver="this.src='images/gallery_button_hover.jpg'" onMouseOut="this.src='images/gallery_button.jpg'" onclick="location.href='gallery.html'" /> 
     </div> 
    <div class="sponsors"> 
<table> 
    <tr> 
     <td align="center" width="250">Seth Jackson - Edward Jones</td> 
     <td align="center" width="250">Heritage Mechanical </td> 
    </tr> 
    <tr> 
     <td align="center" width="250">Mike Flanagan – Iron Range Auto </td> 
     <td align="center" width="250">&nbsp;</td> 
    </tr> 
</table> 
</div> 
<div class="sform"> 
< p align="center"> 
    <a style="color: #D91D1F;"href="Images/ZX5K Sponsorship Agreement.pdf" target="_blank">ZX5K Sponsorship Agreement</a></p></div></div> 
</body> 
</html>

这里是覆盖类.sponsors

.sponsors { 
    position: absolute; 
    top: 280px; 
    left: 340px; 
}

这里是为了看看我说的是链接的CSS，http://www.ifdauxzx5k.com/sponsors.html

来源

2014-02-10 Tony La Valle

您的表位于赞助商类内，至此您的宽度为150px。你的单元格的宽度合计为500.我想你的问题在那里。编辑：嗯，我也看到类缺少一个'S'在你的CSS。 – mauricehofman

''p'前面有一个不必要的空间 – Reeno

@MHHo他有2个div，'.sponsors'和'.sponsor'。你看着错误的div，他给了错误的一块CSS。 '.sponsor'是菜单按钮。我编辑它。 – Timmetje

你的表没有一个露面细胞。但是所有细胞都位于海誓山盟之上，因为您的main.css line 62的TD上有position: absolute;。

td{ 
    color: #D91D1F; 
    position: absolute; 
}

这就是为什么每个TD是要表的左上角位置。删除这条线，它将表现正确。

来源

2014-02-10 16:03:00 Timmetje

谢谢你，我没有看到我已经这么做了，我已经看了很长一段时间了。 –

我对这个网站还有一个问题。为什么它不以浏览器为中心？它总是坐在顶部和左侧。 –

为什么我的表格出现在一个单元格中

回答

相关问题