Cómo centrar página web horizontalmente en Dreamweaver Cs4

Escrito por gareth downes-powell | Traducido por beatriz sánchez
  • Comparte
  • Twittea
  • Comparte
  • Pin
  • E-mail
Cómo centrar página web horizontalmente en Dreamweaver Cs4
Centra las páginas web con la propiedad auto-margin. (Hemera Technologies/AbleStock.com/Getty Images)

Centrar una página web en Dreamweaver requiere utilizar un contenedor div que contenga la página, que tendrá una anchura fija asignada. Escogiendo unos márgenes izquierdo y derecho iguales, puedes crear un hueco igual en cada lado del contenedor div, lo que centrará la página. Puesto que no conoces la anchura del navegador del visitante, no puedes escoger un valor fijo para los márgenes izquierdo y derecho, ya que la anchura necesaria cambiará dependiendo de la anchura del navegador. Utiliza la propiedad auto-margin de Dreamweaver CS4 CSS para crear automáticamente los márgenes correctos y centrar la página.

Nivel de dificultad:
Fácil

Otras personas están leyendo

Instrucciones

  1. 1

    Ejecuta Dreamweaver CS4 y abre una nueva página HTML.

  2. 2

    Haz clic en "Insertar" en el menú principal al lado de la parte superior de la pantalla, y pulsa en "Objetos de diseño" y en "Etiqueta Div". Esto te permitirá insertar un div HTML que contendrá el contenido principal de la página. Escribe "page" para el ID en el cuadro de diálogo que aparece.

  3. 3

    Haz clic en el botón "Nueva regla CSS" debajo del campo ID en el cuadro de diálogo. El selector "#page" habrá sido introducido automáticamente para ti. Haz clic en el botón "Aceptar" en la esquina superior derecha del cuadro de diálogo para empezar a introducir las propiedades CSS para centrar la página.

  4. 4

    Haz clic en "Caja" en el menú "Categoría" en el lado izquierdo de la caja de propiedades CSS. Esto te permite modificar el tamaño de los márgenes del div "page". Escribe "960" en la caja "Anchura" y asegúrate de que "px" esta seleccionado en el menú desplegable de unidades. Esto ajustará la altura de la página a 960 píxeles.

  5. 5

    Desmarca la caja de opción "Mismo para todos" en la zona "Márgenes", y selecciona "auto" en los menús desplegables en los márgenes izquierdo y derecho. Escoger un margen izquierdo y derecho como "auto" proporciona una distancia igual para los márgenes izquierdo y derecho, que calculará el navegador para asegurarse de que la página esté centrada. Haz clic en el botón "Aceptar" para añadir el estilo la página.

  6. 6

    Haz clic en "Aceptar" para cerrar el cuadro de diálogo "Insertar etiqueta Div" y añade el div a la página. Cambia la vista "Diseño" en Dreamweaver para ver que la página se centra automáticamente y está preparada para que añadas contenido dentro del div "page".

Consejos y advertencias

  • Cuando estés satisfecho con tu página, transfórmala en una plantilla para usarla como base para tus páginas futuras.

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