-
Cómo mantener mis páginas web en el centro de la pantalla
-
código HTML se alinea verticalmente elementos de páginas web a la parte superior de la ventana del navegador por defecto. Esta disposición funciona bien para la mayoría de las páginas y aplicaciones, donde el contenido se extiende desde la parte superior de la página y por debajo de la parte inferior de la ventana del navegador. Sin embargo, algunos sitios ofrecen bloques mucho más cortos de contenido que se prestan bien al centrado vertical. El logro de este aspecto requiere la adición de sólo seis líneas de HTML.Instrucciones
1 Abra su página web y ver su HTML. Si edita sus páginas en un editor de texto, como WordPad o Bloc de notas, sólo tiene que abrir su página en el editor. Si se utiliza un programa de edición visual en su lugar, como Adobe Dreamweaver o Microsoft FrontPage, abra la página y cambiar el método de visualización de "Ver código". Esto le muestra el código HTML que controla la apariencia, sensación y el contenido de su página.
2 Añadir tres etiquetas HTML relacionados con tablas. La forma más sencilla para centrar verticalmente una página es envolver la totalidad del contenido de la página en una tabla sin formato, a continuación, aplicar el centrado vertical a la celda de la tabla primaria. Para añadir las etiquetas de tabla de apertura, busque la etiqueta <body> cerca del comienzo de su código de página e insertar una línea en blanco justo debajo de ella. Copia y pega el código de abajo en esta línea en blanco:
<Table height = "100%" border = "0" cellpadding = "0" cellspacing = "0">
<Tr>
<Td valign = "center">3 Añadir tres etiquetas HTML adicionales relacionados con tablas. Busque la etiqueta </ body> cerca del final de su código de página e insertar una línea en blanco justo encima de él. Copia y pega el código de abajo en la línea en blanco:
</ Td>
</ Tr>
</ Table>4 Guarde la página web y abrirlo en su navegador. Si la ventana del navegador es alto o bajo, su contenido está ahora centrada verticalmente en la pantalla.
