0

友人のウェブサイト (URL: 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

width:100%;適切にスケーリングするには、(px でハードコードされた値ではなく) 次のような相対的な CSS プロパティを試す必要があります。また、HTML5 <body>CSS プロパティを明示的に設定すると便利な場合があります。padding:0;margin:0;

于 2013-05-09T20:34:02.097 に答える