HTML/CSS 表格显示问题

标签 html css

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

这是我当前页面的链接,您会看到问题所在。 (顺便说一句,该站点尚未完成,因此任何拼写错误和类似的东西都可以忽略 :))

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

那么我将如何创建大小均匀的 <td>在那一排?你可以看到最右边<td>被压扁到与顶部登录框相同的比例。我已经摆弄了一段时间,但我可能遗漏了一些简单的 css,但我还没有发现任何以前有同样问题的问题。

问候 迈克

最佳答案

所以问题出现在你的样式表上......你有三个 <td>宽度均为 33%

我使用的是 Google Chrome 31.0.1650.63m,它显示正常,但其他浏览器可能不正常,我建议做以下更改

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

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

关于HTML/CSS 表格显示问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20594508/

相关文章:

javascript - getElementsByTagName 不起作用

html - 将工具提示添加到 Bootstrap 进度栏

javascript - 仪表板仅更改内容而无需重新加载整页

html - 可以将内联 <li> 全部设置为相同的高度吗?

jquery - 如何进行 jquery 选项卡自定义

javascript - 固定标题和第一列的水平和垂直滚动

jquery - 如何删除文本和竖线之间的空格

javascript - getElementById.innerHTML 似乎不起作用

html - 从基本 HTML 发送和获取数据

jquery - 如果宽度可以除以特定宽度