Foros del Web » Creando para Internet » HTML »

como central pagina tanto horizontal-vertical

Estas en el tema de como central pagina tanto horizontal-vertical en el foro de HTML en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 20/07/2010, 21:50
 
Fecha de Ingreso: mayo-2008
Mensajes: 353
Antigüedad: 9 años, 7 meses
Puntos: 3
Pregunta como central pagina tanto horizontal-vertical

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
  #2 (permalink)  
Antiguo 24/07/2010, 04:38
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: como central pagina tanto horizontal-vertical

Hola:

Para el centrado horizontal aplica margin:0 auto; al div contenedor.

Para el centrado vertical: http://www.csslab.cl/2007/01/12/cent...tical-con-css/

Saludos.

  #3 (permalink)  
Antiguo 25/07/2010, 15:08
 
Fecha de Ingreso: mayo-2008
Mensajes: 353
Antigüedad: 9 años, 7 meses
Puntos: 3
Respuesta: como central pagina tanto horizontal-vertical

Gracias por contestar, funciono

Etiquetas: Ninguno
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 16:48.