Не мога да центрирам форма

[qazxsw]

Не знам просто защо не става ето го кода

  <div id="sarea">
	<p>Welcome to the staff area</p>
	<br /><br />
	<p><b>Please login</b></p>
	<table border="1px" align="center">
	<tr><td>
	<form method="post" action="staff.php">
	</tr></td>
	
		<tr><td>
		<input type="text" value="username" name="username" />
		</td></tr>

		<tr><td>
		<input type="password" value="123" name="password" />
		</td></tr>

		<tr><td>
		<input type="submit" value="Login" name="submit" />
		<input type="submit" value="Go Back" name="back" />
		</td></tr>

	</form>
	</table>
  </div>

Гледам го през IE работи си идеално.. гледам го през FireFox текстовете са центирани защото съм задал това в css:

#sarea { 
 float: right;
 color: #333;
 border: 1px solid #ccc;
 background:#66FFFF;
 margin: 0px 0px 5px 0px;
 padding: 10px;
 height: 350px;
 width: 678px;
 display: inline;
 text-align: center;
}

обаче формата не иска да се центрира..

 

[emagi]

<div id="sarea">
<p>Welcome to the staff area</p>
<br /><br />
<p><b>Please login</b></p>
<table border="1px" align="center">
<tr><td align='center'>
<form method="post" action="staff.php">
</tr></td>

<tr><td>
<input type="text" value="username" name="username" />
</td></tr>

<tr><td>
<input type="password" value="123" name="password" />
</td></tr>

<tr><td>
<input type="submit" value="Login" name="submit" />
<input type="submit" value="Go Back" name="back" />
</td></tr>

</form>
</table>
</div>

???

 

[kikity_94]

на формата и задай в CSS

form {
margin: 0 auto;
}

 

[emagi]

на формата и задай в CSS

form {
margin: 0 auto;
}

И нищо няма да стане!За да проработи, то трябва да зададеш и ширина!

form {
margin: 0 auto; width:200px;
}

 

[qazxsw]

Пробвах и двата вариянта.. не работят..

Ето обновеният код -

  <div id="sarea">
	<p>Welcome to the staff area</p>
	<br /><br />
	<p><b>Please login</b></p>
	<table border="1px" align="center">
	<tr><td align='center'>
	<form method="post" action="staff.php">
	</tr></td>
	
		<tr><td align='center'>
		<input type="text" value="username" name="username" />
		</td></tr>

		<tr><td align='center'>
		<input type="password" value="123" name="password" />
		</td></tr>

		<tr><td align='center'>
		<input type="submit" value="Login" name="submit" />
		<input type="submit" value="Go Back" name="back" />
		</td></tr>

	</form>
	</table>
  </div>

CSS -

#sarea { 
 float: right;
 color: #333;
 border: 1px solid #ccc;
 background:#66FFFF;
 margin: 0px 0px 5px 0px;
 padding: 10px;
 height: 350px;
 width: 678px;
 display: inline;
 text-align: center;
}

form {
margin: 0 auto;
}

Ето и снимка как през firefox не се центрира а през IE се центрира:
http://img811.imageshack.us/g/73074201.png/

Найстина не знам какво му става..

 

[qazxsw]

emagi, промених го и с второто ти мнение, пак не работи..

 

[emagi]

Еми тя формата, доколкото аз виждам, си е в средата.намали размера на input полетата

<div id="sarea">
<p>Welcome to the staff area</p>
<br /><br />
<p><b>Please login</b></p>
<table border="1px" align="center">
<tr><td align='center'>
<form method="post" action="staff.php">
</tr></td>

<tr><td align='center'>
<input type="text" value="username" name="username" style='width:50px;' />
</td></tr>

<tr><td align='center'>
<input type="password" value="123" name="password" style='width:50px;' />
</td></tr>

<tr><td align='center'>
<input type="submit" value="Login" name="submit" />
<input type="submit" value="Go Back" name="back" />
</td></tr>

</form>
</table>
</div>

Пробвай, ако не стане, да намалиш размера от 50px на 30 примерно

 

[qazxsw]

С 50 също не стана, тя е в средата но само при IE при FireFox си седи от ляво.

Намерих решение на проблема доста глуповато според мен.

<center></center>

:idea:

 

[shterev]

махно float:right; от формата и после кода на емаги ще прорабити
а и виж дали имаш доктайп в хтмл-а