0

我正在帮助一个朋友的网站（网址： http: //mk7vrlist.altervista.org/databases/test.html）。我使用了一个表格进行设计，并将每个输入框放在一个<td> .. </td>. 我使用 Javascript 保存数据，使用 PHP 将它们上传到服务器上。我的问题是当用户打开这个页面时，表格没有根据背景很好地对齐。

我的桌面屏幕。

如您所见，表格位于黑色矩形内，但对于其他屏幕尺寸，外观并不相同。为了解决这个问题，我使用了以下代码：

CSS：

body {
      background-image:url('pictures/bgframe.png');
      background-repeat:no-repeat;
      background-attachment:fixed;
      background-position:center; 
     }

input{
         text-align:center;
         }

在表中，我使用了以下代码：

<table id="tab" border="0" style="width:1200px;" align="center">
<tr>
...
</tr>
</table>

此代码不起作用，因为屏幕较小，表格的对齐方式不一样。你能帮帮我吗？如果你愿意，这里有完整的代码。

4

1 回答 1

1

您可能应该尝试相关的 CSS 属性，例如：（width:100%;而不是 px 中的硬编码值）以便正确缩放它。<body>此外，显式设置 HTML5 CSS 属性可能很有用：padding:0;margin:0;

于 2013-05-09T20:34:02.097 回答