Cómo hacer Center del sitio web con etiquetas div en Dreamweaver

Dreamweaver es una herramienta poderosa para ambos con y sin experiencia diseñadores de páginas web. Una cuestión de diseño común que Dreamweaver no se ocupa con sus herramientas embebidos es la capacidad para centrar un contenedor DIV en una página. Utilizando una serie de elementos en línea de estilo, se puede controlar el ancho y la posición de un contenedor DIV en una página. El siguiente es un proceso paso a paso de añadir el CSS correspondiente a un contenedor DIV con el fin de centrar una página web con Dreamweaver.

Instrucciones

1 Busque el contenedor DIV que contiene todos los contenidos de su página web. Crear un nuevo contenedor DIV si uno no existe ya.

2 Añadir un estilo = "" etiqueta al contenedor DIV para sostener sus nuevos elementos de estilo:

<Div style = "">

3 Añadir un ancho establecido en el contenedor DIV dentro de la etiqueta de estilo. Asignar un valor suficiente para almacenar todo el contenido de la página web. Establecer su valor, ya sea en porcentajes o en píxeles:

<Div style = "width: 25px;">

4 Establecer el derecho de su contenedor DIV e izquierdo márgenes en "Auto":

<Div style = "width: 25px; margin-right: auto; margin-left: auto;">

5 Crear un cierre </ div> etiqueta al final del contenido de la página web si estuviera creando un nuevo contenedor DIV desde cero.

Consejos y advertencias

• El estilo de margen automático sólo funciona con contenedores DIV que tienen un ancho establecido.
• Si está utilizando una hoja de estilo en cascada por separado, puede agregar estos elementos de estilo que hay en lugar de colocarlos en línea en su página web.
• Asegúrese de revisar la apariencia de su página web en varios navegadores, incluido Internet Explorer, Firefox y Safari.
• No utilice la etiqueta <center> o elemento de estilo text-align para tratar de centrar una página Web.