최대화 최소화 창을 사용할 때 화면상의 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;}