Hoy en día, la mayoría de las páginas se distribuyen mediante capas (div), por lo que el problema de alinear el sitio con el centro de la ventana del navegador se reduce a la tarea de centrar la capa que determina el ancho del área visible de la página. Para que se coloque en el medio de la ventana, es necesario establecer la configuración adecuada para su elemento padre o para este bloque en sí.
Es necesario
Conocimientos básicos de lenguajes HTML y CSS
Instrucciones
Paso 1
Coloque la capa que desea colocar en el centro de la ventana, entre las partes de apertura y cierre de la etiqueta central, si lo desea, simplemente utilizando los medios del lenguaje HTML (HyperText Markup Language - "lenguaje de marcado de hipertexto"). Asumiremos que el padre de la capa que define los bordes de la página es el cuerpo de esta página. La versión más simple del código HTML que usa la etiqueta central en este caso podría verse así:
Página central
texto de la página
Paso 2
Si desea utilizar CSS (hojas de estilo en cascada) para alinear la página en el centro, utilice el tamaño automático del relleno desde los bordes de la ventana del navegador. Los tamaños de los márgenes en CSS están determinados por el parámetro de margen. Elimine las etiquetas centrales de la muestra anterior y agregue un parámetro de margen de 0 automático al atributo de estilo de la capa que define el ancho de la página:
Página central
texto de la página
Paso 3
Por supuesto, la definición de estilo puede sacarse del atributo de estilo y colocarse en un archivo externo o en el encabezado del documento (entre las etiquetas y). En este caso, el mismo código se verá así:
Página central
#pageFrame {
ancho: 700px;
altura: 400px;
fondo: # 0BB;
margen: 0 automático;
}
texto de la página
