Estoy perdido con HTML, quiero central mi pagina web tanto vertical como horizontal y en diferentes resoluciones, mi pc tiene 1024x768 y todo bien pero cuando la veo en una pantalla mas grande todo se descuadra, se va a la izquierda o la derecha, un desastre, lo que desearía es algo como esta pagina
www.aporrea.org, osea espacio a la izquierda y la derecha
mi codigo
<style type="text/css">
body { margin: 0px; padding: 0px; }
#contenedor {
position: relative;
left: 0px;
width: 960px;
margin:0 auto;
}
#cabecera {
width: 1024px;
height: 7%;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
background-color:#CCCCCC;
padding: 3px;
text-align: center;
}
#cuerpo {
width: 1024px;
height: auto;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
background-color:#8F9AC4;
padding: 3px;
text-align: center;
margin-right: auto;
}
#pie {
left: 0px;
bottom: 10px;
width: 1024px;
height: 2%;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
background-color:#CCCCCC;
color:Blue;
padding: 3px;
text-align: center;
}
<form id="form1" runat="server">
<div id="contenedor" align="center">
<div id="cabecera">
<table>
<tr>
<td style="width: 100px; height: 40px">
<asp:DropDownList ID="DropDownList1" runat="server" AppendDataBoundItems="True" AutoPostBack="True"
BackColor="DarkGray" Font-Bold="True" ForeColor="Navy">
<asp:ListItem>Mantenimiento de ...</asp:ListItem>
<asp:ListItem>Pais</asp:ListItem>
<asp:ListItem>Ciudad</asp:ListItem>
<asp:ListItem>Cliente</asp:ListItem>
<asp:ListItem>Marcas</asp:ListItem>
<asp:ListItem>Modelo</asp:ListItem>
<asp:ListItem>Estatus</asp:ListItem>
<asp:ListItem>Generar Factura</asp:ListItem>
</asp:DropDownList></td>
<td style="width: 100px; height: 40px">
<asp:LinkButton ID="LinkButton2" runat="server" Font-Bold="True">Siniestro</asp:LinkButton></td>
<td style="width: 100px; height: 40px">
<asp:LinkButton ID="LinkButton3" runat="server" Font-Bold="True">Partes</asp:LinkButton></td>
<td style="width: 106px; height: 40px">
<asp:DropDownList ID="ddlconsul" runat="server" AppendDataBoundItems="True" AutoPostBack="True"
BackColor="DarkGray" Font-Bold="True" ForeColor="Navy" Width="114px">
<asp:ListItem>Consulta de ...</asp:ListItem>
<asp:ListItem>Estatus Siniestro</asp:ListItem>
<asp:ListItem>Partes</asp:ListItem>
</asp:DropDownList></td>
<td style="width: 100px; height: 40px">
<asp:LinkButton ID="LinkButton5" runat="server" Font-Bold="True">Etiquetas</asp:LinkButton></td>
<td style="width: 98px; height: 40px">
<asp:LinkButton ID="LinkButton6" runat="server" Font-Bold="True" Width="121px">Imprimir Siniestro</asp:LinkButton></td>
<td style="width: 100px; height: 40px">
<asp:DropDownList ID="DropDownList2" runat="server" AppendDataBoundItems="True" AutoPostBack="True"
BackColor="DarkGray" Font-Bold="True" ForeColor="Navy" Width="128px">
<asp:ListItem>Seguridad</asp:ListItem>
<asp:ListItem>Crear Usuario</asp:ListItem>
<asp:ListItem>Permiso Usuario</asp:ListItem>
</asp:DropDownList></td>
<td style="width: 107px; height: 40px">
<asp:LinkButton ID="LinkButton8" runat="server" Font-Bold="True" Width="99px">Cambiar Clave</asp:LinkButton></td>
<td style="width: 84px; height: 40px">
<asp:LinkButton ID="LinkButton9" runat="server" Font-Bold="True">Destino</asp:LinkButton></td>
<td style="width: 100px; height: 40px">
<asp:LinkButton ID="LinkButton10" runat="server" Font-Bold="True">Contacto</asp:LinkButton></td>
</tr>
</table>
</div>
<div id="cuerpo">
<div style="height:1000px;">
<asp:Image ID="Image2" runat="server" Height="94px" ImageUrl="~/image/letras.png"
Width="674px" />
<asp:Image ID="Image1" runat="server" Height="509px" ImageUrl="~/image/logologo.gif"
Width="628px" />
<div id="Carousel">
</div>
</div>
</div>
<div id="pie">GLOBALPARTS La Mejor en Partes y Pieza para Su Vehiculo</div>
</div>
</form>
gracias