Смещение форм

[vrotmnetamagavk]

Как сделать чтобы при увеличении и уменьшении не было вот такого (всё стояло на своём месте)

Так выглядит стандартно:

При увеличении:

При уменьшении:

[nimens]

Если правильно понял создайте общий <DIV> задайте ему фиксированый размер и выравните по центру

[USF]

а что вас удивляет? он во всех трех вариантах как-то очень странно отображается.

[vrotmnetamagavk]

Вот исходники

php

// Форма регистрации
print <<<HERE
<form action="reg.php"  name="reg" method="post" class="tr">
<center>
<p>
HERE;
$handle = mysql_query("select count(*) from user");
$tmp  = mysql_fetch_array($handle);
echo $myrow['7'];
print <<<HERE
<strong>
HERE;
echo  $tmp[0];
print <<<HERE
</strong>
</p>
<p>
    <input name="name" type="text" size="28" placeholder="
HERE;
echo $myrow['1'];
print <<<HERE
	">
 </p>
 <p>
    <input name="fname" type="text" size="28" placeholder="
HERE;
echo $myrow['1b'];
print <<<HERE
	">
 </p>
 <p> 
    <input name="login" type="text" size="28"  placeholder="
HERE;
echo $myrow['2'];
print <<<HERE
	">
 </p>
<p>
    <input name="email" type="text" size="28" placeholder="
HERE;
echo $myrow['3'];
print <<<HERE
	">
  <p>
    <input name="password" type="password" size="28" placeholder="
HERE;
echo $myrow['4'];
print <<<HERE
" >
</p>
<h1></h1>
<p>
<a href="javascript: document.reg.submit ()"  class="button">
HERE;
echo $myrow['0'];
print <<<HERE
</a>
</p>
</center>
</form>
HERE;
// Форма входа
print <<<HERE
<center>
			<form action="vxod.php"  name="vxod" method="post" class="rt">
<h2>
HERE;
echo $myrow['6'];
print <<<HERE
</h2>
  <p>
  <label>
HERE;
echo $myrow['3'];
print <<<HERE
  <br></label>
    <input name="email"  type="text" size="20" 
HERE;
if (isset($_COOKIE['email'])) 
{
echo ' value="'.$_COOKIE['email'].'">';
}
print <<<HERE
 </p>
  <p>
  <label>
HERE;
echo $myrow['4'];
print <<<HERE
<br></label>
    <input name="password" type="password" size="20" 
HERE;
if (isset($_COOKIE['password']))
{
echo ' value="'.$_COOKIE['password'].'">';
}
print <<<HERE
  </p>
   <p>
    <input name="no" type="checkbox" value='1'>
HERE;
echo $myrow['no'];
print <<<HERE
  </p>
<p>
<a href="javascript: document.vxod.submit ()" class="button">
HERE;
echo $myrow['5'];
print <<<HERE
</a>
</p></form></center>
HERE;

css

.button{ text-decoration:none;
  text-align:center;
  padding:9px 13px;
  border:solid 1px #012d40; 
  -webkit-border-radius:5px;
  -moz-border-radius:5px; 
  border-radius: 5px;  font:11px Tahoma, Geneva, sans-serif; font-weight:bold; 
  color:#fcffff;  background:#deb200;  -webkit-box-shadow:0px 0px 2px #bababa, inset 0px 0px 7px #ffffff;
  -moz-box-shadow: 0px 0px 2px #bababa,  inset 0px 0px 7px #ffffff;  
  box-shadow:0px 0px 2px #bababa, inset 0px 0px 7px #ffffff;  }
.tr{margin: 8%;margin-left: 3%;margin-top: 4%;
	width: 250px;
	padding: 15px;
	background-color: white;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 0px;}
.lan{padding-right: 76%;}
a {   text-decoration: none; } 
.rt{ margin-left: 40%;margin-top: -14%;margin-right: 40%;	width: 250px;
	padding: 15px;
	background-color: white;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 0px;
	padding-top: -17%;} 

Edited August 28, 2012 by vrotmnetamagavk

[vrotmnetamagavk]

Подскажите что не так