0

CSSのヘルプをお願いします！CSS を使用して登録フォームの見栄えを良くしていたのですが、エクスプローラーのウィンドウ (私のページエクスプローラ ウィンドウの中央に配置されていました)。つまり、ウィンドウ サイズが最大化されたときに背景画像が変更されましたが、フォームは最初の位置のままです。これを修正する方法はありますか？私のHTMLコードは次のとおりです。

<div "class="homepageTable">
<form action="#" method="post">
  <input type="text" size="25" name="first_name" placeholder="first name"><br/>
  <input type="text" size="25" name="last_name" placeholder="last name"><br/>
  <input type="text" size="25" name="email" placeholder="email"><br/>
  <input type="text" size="25" name="retype_email" placeholder="re-type email"><br/>
  <input type="text" size="25" name="password" placeholder="password"><br/>
  <input type="text" size="25" name="retype_password2" placeholder="re-type password"><br/>
  <input type="submit" name="submit" value="sing up!">
</form>
</div>

ウィンドウが最小化または最大化されたときに、このフォームを他のページ要素と一緒に移動させるために必要な CSS のアイデアはありますか?

4

2 に答える 2

0

私たちはあなたの完全なコードを見ることができないので、あなたのページの残りの部分がどのように見えるかを推測することしかできません.

おそらく、背景とフォームを同じ方法で揃える必要があります。可能であれば、背景画像を中央に揃えるか、それが含まれる要素を中央に揃えます。

または、フォームと同じコンテナー要素に背景を配置し、それを整列させ、ウィンドウが変更されたときに一緒に移動させます。

于 2012-11-08T09:58:48.260 に答える
0

このフォームを他のページ要素と一緒に移動させるために必要な css のアイデア

いいえ、他の要素を表示しない限り、そうではありません。ただし、フォームを中央に配置する方法は次のとおりです。

.homepageTable{margin: 0 auto;}
于 2012-11-08T09:58:18.647 に答える