Buon giorno ragazzi, dovete risolvermi per favore, il problema dell'allineamento.
Ho questa struttura:
codice:
<div style="font-size:18px;font-weight:bold;text-align:center;top:150px;">
		SERVIZI IDRICI
	</div>
	


	

	<div style="font-size:14px;font-weight:bold;float:left;width:800px;margin:0 0 0 100px;">
			Nella tabella sottostante i dati
	


	<table BORDER="1" style="font-size:12px;FONT-WEIGHT:bold;color:#003366;">
		<tr>
			<td>COSTO SOSTENUTO</td>
			<td>NUMERO INTERESSATI</td>
			<td>IMPORTO MESE</td>
			<td>IMPORTO MEDIO ANNUO</td>
		</tr>
		<tr style="background-color:#CCCCCC">
			<td>&euro;.7,38</td>
			<td>180</td>
			<td>&euro;.4</td>
			<td>&euro;.0,04</td>
		</tr>
	</table>
	



	<div style="font-size:14px;font-weight:bold;text-align:left;width:auto;float:left;margin:0 0 0 100px;">
		Note: 
		

			- i dati si riferiscono agli ultimi addebiti;
		

		


	</div>
		
	</div>
Sapete dirmi qual'è la soluzione ideale per impaginare il contenuto con tutte le risoluzioni?
Perchè ho provato con 1024x768 e lo centra cosi come ho fatto, ma se metto 1440x900 il contenuto lo sposta tutto a sinistra!!

Aiutatemi è una cosa che devo risolvere al volo....vi pregooooo!!
Grazie grazie