Saltar al contenido principal
Inicio - Soporte de OCLC

Centrar el contenido de la página

  1. Última actualización
  2. Guardar como PDF
La traducción de este sitio web se genera mediante traducción automática. La calidad y precisión de la traducción automática pueden variar significativamente de un texto a otro.

 

 

 Enlace:  Vea un ejemplo en vivo.

 Ver:  Ver el código fuente en el sitio de demostración del libro de recetas de CONTENTdm.

Personalización cortesía de la Biblioteca Metropolitana de Columbus.

De forma predeterminada, el sitio web de CONTENTdm muestra el contenido de la página alineado con el lado izquierdo de la ventana. Si prefiere que su contenido esté centrado en la ventana del navegador, es fácil moverlo usando reglas CSS personalizadas. En este ejemplo, el contenedor principal de contenido se le asigna un ancho fijo y los estilos margin-left y margin-right se configuran en auto, lo que centra el div principal en la ventana. Además, el contenido div utilizado en la página de búsqueda necesita reglas que lo obliguen a ocupar todo el ancho de la ventana.

Todas estas reglas se aplican únicamente al tamaño de ventana de tabletas y escritorios (un ancho de 768 px o más).

@media screen y (min-width: 768px) { .CoreLayout-mainwrapper { padding-left: 0px; padding-right: 0px; max-width: 960px; margin-left: auto; margin-right: auto; } .CoreLayout-mainWrapperContainer { width: 100%; display: block; } }