最大化 - 最小化窗口時，屏幕上的CSS表單位置

Question

請幫助一些CSS！ 我正在使用CSS來使我的註冊表單看起來不錯，但是當我最大化或最小化資源管理器的窗口時，我發現我的表單並未向右或向左移動與其他頁面元素（如我的背景圖像）頁面與瀏覽器窗口的中心對齊）。也就是說，當我的窗口大小最大化時，我的背景圖像發生了變化，但形式仍然處於第一位。任何想法如何解決這一問題？ 我HTMLcode是：

<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應該是爲了有這個形式與其他網頁元素一起移動當窗口最小化或最大化？

Answer 1

我們無法看到完整的代碼，所以我們只能猜測你的頁面的其餘部分的樣子。

您可能需要以相同的方式對齊背景和表單：將背景圖像集中對齊，或者將其位於中間的任何元素對齊（如果可能）。

或者，將背景放置在與窗體相同的容器元素中，對齊該窗體，並在窗口更改時讓它們一起移動。

Answer 2

任何想法的CSS應該是爲了有這個形式與其他網頁元素

不，除非你告訴我們的其他元素移動 在一起。但這裏的如何中心的形式：

.homepageTable{margin: 0 auto;}