Cómo crear un sitio WEB centrado con etiquetas DIV en Dreamweaver

Escrito por jason whitaker | Traducido por ehow contributor
  • Comparte
  • Twittea
  • Comparte
  • Pin
  • E-mail
Cómo crear un sitio WEB centrado con etiquetas DIV en Dreamweaver
(Comstock/Comstock/Getty Images)

El Dreamweaver es una poderosa herramienta para los diseñadores web con y sin experiencia. Uno de los problemas comunes de diseño, que Dreamweaver no se ocupa con sus herramientas incorporadas, es la capacidad de centrar un contenedor DIV en una página. Utilizando una serie de elementos de estilo en línea, puedes controlar el ancho de un contenedor DIV y la posición en una página. El siguiente es un proceso paso a paso para agregar el CSS correspondiente a un contenedor DIV con el fin de centrar un sitio web utilizando Dreamweaver.

Nivel de dificultad:
Fácil

Otras personas están leyendo

Instrucciones

  1. 1

    Busca el contenedor DIV que tiene todo el contenido de tu página web. Crea un nuevo contenedor DIV si aún no existe.

  2. 2

    Agrega la etiqueta style = "" al contenedor DIV para contener los elementos de tu nuevo estilo: <div style=" ">

  3. 3

    Agrega un ancho establecido en el contenedor DIV dentro de la etiqueta de estilo. Asigna un valor suficiente para almacenar todo el contenido de la página web. Establece tu valor en porcentajes o píxeles: <div style="width: 25px;">

  4. 4

    Establece los márgenes derecho e izquierdo de tu contenedor DIV para "auto": <div style="width: 25px; margin-right: auto; margin-left: auto;">

  5. 5

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

Consejos y advertencias

  • El estilo margen automático sólo funciona con los contenedores DIV que tienen un ancho establecido.
  • Si estás utilizando una hoja de estilo en cascada por separado, puedes agregar estos elementos de estilo en lugar de colocarlos en línea en tu página web.
  • Asegúrate de verificar la apariencia de tu página web en varios navegadores web, como Internet Explorer, Firefox y Safari.
  • No utilices la etiqueta o el elemento de estilo text-align para tratar de centrar una página web.

No dejes de ver

Filtrar por:
  • Mostrar todos
  • Artículos
  • Galerías de fotos
  • Videos
Ordenar:
  • Más relevante
  • Más popular
  • Más reciente

No se encuentran artículos disponibles

No se encuentran slideshows disponibles

No se encuentran videos disponibles