centrare degli input e dei select all'interno di un unico div...

[freank]

a spiegare a parole non è molto facile...
si fa prima e meglio se vi faccio vedere : http://freankexpo.net

nella home page, nell'area Cerca, sia il titolo che la <hr> sono perfettamente allineati al centro ( avendo messo nel div text-align:center; ) ma i vari input e select non lo sono.
Penso sia dovuto al fatto che sono contenuti in dei div che hanno float : left.
Così ho provato a metterli all'interno di un unico div con margin :0px auto. Ma niente. Non si allineano ancora al centro... idee ?

<!--Search-->
<div id="Search">
<form action="/search.php" method="GET">
<b>Cerca</b><br />
<hr/>

<div style="margin: 0px auto">

<div style="float: left;">
<input class="newinputtext" type="text" maxlength="20" style= "width: 160px" name="name" placeholder="Titolo..."/><br />
<select style= "width: 160px" name="genre"><option value="-1" />Genere<option value="0" />ecc.ecc.</select><br />
<select style= "width: 160px" name="lang"><option value="-1" />Lingua<option value="0" />Italiano<option value="1" />ecc.ecc.</select>
</div>

<div style="float: left;">
<input class="newinputtext" type="text" maxlength="20" style="width: 160px" name="auth" placeholder="Autore..."/><br />
<select style= "width: 160px" name="sys"><option value="-1" />Sistema<option value="0" />pc<option value="1" />ecc.ecc.</select><br />
<select style= "width: 160px" name="typ"><option value="-1" />Tipo<option value="0" />Completo<option value="1" />ecc.ecc.</select>

</div></div>

<hr/>
<button class="newbutton">Cerca</button>
</form>
</div>

[EliBelTI]

provala così

<div style="margin: 0px auto;width: 325px;">



<input class="newinputtext" type="text" maxlength="20" style="width: 160px" name="name" placeholder="Titolo...">
<input class="newinputtext" type="text" maxlength="20" style="width: 160px" name="auth" placeholder="Autore..."><br>
<select name="genre"><option value="-1">Genere</option><option value="0">ecc.ecc.</option></select>
<select name="lang"><option value="-1">Lingua</option><option value="0">Italiano</option><option value="1">ecc.ecc.</option></select>
<br>
<select name="sys"><option value="-1">Sistema</option><option value="0">pc</option><option value="1">ecc.ecc.</option></select>
<select name="typ"><option value="-1">Tipo</option><option value="0">Completo</option><option value="1">ecc.ecc.</option></select>


</div>

mettendo come stile questo select {width:160px;padding:2px;}

[freank]

non va. ma penso che il problema sia in quel <div style="margin: 0px auto;width: 325px;"> o nel contenuto che segue.
in quanto se provo a mettere un bel border 1px solid, i due input e i select non vengono compresi al suo interno. compare solo una linea sottile... per farci ricomprendere tutto devo aggiungere float: left...

ho risolto diversamente mettendo tutto in percentuale !
Grazie lo stesso e scusa per il disturbo!

[freank]

Un'altra domanda. L'argomento è più o meno simile, quindi senza che apro un nuovo topic.
Sempre lo stesso sito ( http://freankexpo.net )
La barra sotto ( dove sta how to make a videogame, arena, ecc.). Gli elementi interi ( che sono tutti link )

<div id="DowNavWrap">		<a href="#" onclick="alert('Coming Soon!')" class="ButtonNavDwn">&nbsp;HOW TO CREATE A VIDEOGAME&nbsp;</a> ecc.ecc.

Volevo averli belli centrati con un margin 0 px; ... che non so perchè non funziona.
ora ho "arrangiato" usando i padding-left e right con percentuali (25%). Però se si va a ridimensionare la finestra, crea problemi dato che le percentuali rimangono e quindi si crea un bello spazio a destra e sinistra ( cosa che con margin 0 auto non dovrebbe accadere).
idee ?
soluzioni ?

come sempre, grazie per la disponibilità e l'attenzione

[freank]

Risolto.
Inizialmente volevo metterli come div per fare una cosa ordinata. Ma dato che non riesco a centrare un gruppo di div con float : left ,
li ho lasciati come link e li ho centrati con <center>. Certo il risultato non è il massimo... ma per ora ho risolto ^^