Question

我正在弄乱我正在建造的网站的美学，并且一直在摸着看起来应该简单的东西，或者我认为。我正在使用一个表来放置我的网站内容，当我通过我的本地主机（使用XAMP）运行时，表<td>标签的比例是我想要的，但是当我通过它来托管它时我的godaddy帐户我的主要内容<td>中<tr>的缩放比例不同（似乎受标题行影响）。

这是我当前页面的链接，您将看到问题所在。（顺便说一句，网站没有完成，所以任何拼写错误和类似的东西都可以随意忽略:)）

http://www.sittingducksfc.co.uk/

那么我该如何在该行中创建大小均匀的<td>？正如你所看到的那样，最右边的<td>被压扁到与顶部登录框相同的比例。我已经摆弄了一段时间，但我可能错过了一些简单的CSS，但我没有找到任何先前的问题同样的问题。

此致麦克

Answer 1

因此样式表中出现了问题...您有三个<td>，其宽度均为33％

我正在使用谷歌浏览器31.0.1650.63m ，它显示正常，但其他浏览器可能没有，我建议做以下更改

<td colspan="1" style="background-color:white;text-align:center;width: 30%;height:30%;">

我还建议使用样式表而不是在线编辑样式

Answer 2

非常感谢您的回复。

从追踪和错误中我已经采用了不同的方法并将多个表堆叠到我的主div中，这使我能够指定该特定表中每个td的特定宽度。

从进一步调查中也可以看出 here我为重复的问题道歉。

这是我的示例代码。

<div>
<table width="100%"  height="100%" border="0" cellspacing="10" cellpadding="10">
<tr>
<td width="80%"></td>
<td width="20%"></td>
</tr>
</table>
<table width="100%"  height="100%" border="0" cellspacing="10" cellpadding="10">
<tr>
<td width="33%"></td>
<td width="34%"></td>
<td width="33%"></td>
</tr>
</table>
</div>

这可以多次堆叠，而不会影响另一个表。

HTML / CSS表显示问题

2 个答案: