salve a tutti, sono un principiante nel mondo web e sto creando un sito per un amico.

ho un problema, non riesco ad adattare un form per le varie risoluzioni, sto lavorando con le percentuali le ho messe ovunque ma non riesco a risolvere il problema...

se volete vedere di cosa sto parlando l indirizzo è questo www.appartamentorainbow.it, nel tab contatti.

se vedete, tutto il layout si adatta allo schermo, anche la parte sinistra, ma la parte destra dove c è il form non riesco a farla "muovere" insieme alla pagina (per esempio se lo centro con i margini sulla risoluzione con cui sto lavorando,1440x900, e metto anche una risoluzione di un gradino piu bassa si decentra), ho provato con div, span, tabelle.... niente.

potete aiutarmi? grazie.

questo è il codice del form:

<table width="100%" height="350px" style="margin-top:2%;"><tr>
<td valign="top" style="width:40%;border-right: solid 1px #CCCCCC;">
<div style="width:100%;">
Per domande o informazioni, ecco i nostri contatti:






[img]img/Icona_Telefono.png[/img]


334-3320256






[img]img/105293-3d-glossy-orange-orb-icon-business-envelope1.png[/img]


info@appartamentorainbow.it








Oppure usa il form qui accanto per inviarci direttamente una mail,

risponderemo appena possibile.
</div>
</td>

<td valign="top" style="width:60%">
<div style="margin-left:0%; width:100%;">
<form style="width:100%" action="mail.php" method="post">
<table width="100%" style="margin-left:0%">
<tr style="width:100%">
<td width="100%">
<span style="margin-left:auto; width:40%;">Nome: <input type="text" name="nome" autocomplete="on"></span>
<span style="margin-left:auto; width:40%;">Mail: <input type="text" name="mail" autocomplete="on"></span>
</td>
</tr>

<tr style="width:100%">
<td width="100%">



<span style="margin-top:0; width:50%;">Cognome: <input type="text" name="cognome" autocomplete="on" size="40%"></span>
<span style="margin-left:auto; width:50%;">Telefono: <input type="number" name="telefono" autocomplete="on" size="40%"></span>
</td>
</tr>

<tr><td width="100%">



<span style="margin-left:auto">Oggetto: <input type="text" name="oggetto" size="50"></span>
</td></tr>

<tr><td width="100%">



<span>Messaggio:<textarea name="messaggio">Scrivi il tuo messaggio qui</textarea></span>

</td></tr>
<tr><td width="100%">



<span style="margin-left:00%;"><input type="reset" value="Cancella Tutto"></span>
<span style="margin-left:0%;"><input type="submit" value="Invia Messaggio"></span>
</td></tr>
</table>
</form>
</div>




</td>
</tr></table>