Tipos Páginas

Anchura Máxima y Mínima

Css define cuatro propriedades que permiten limitar la anchura y la altura minima y máxima de cualquier elemento de la página. Las propriedades son max-width, min-width, max-height y min-height.

Crear paginas horizontales

Los navegadores alinean por defectolas páginas a la izquierda de la ventana y cuando la pantalla es muy grande, la mayoria de las páginas de la anchura fija alineadas a la iquierda parecen muy estrechas. La solusción para evitar grandes espacios en blanco es crear páginas con una anchura fija adecuada y centrar la página horizontalmente respeto a la ventana del navegador. La solución consiste en agrupar todos los contenidos de la página en un elemento div y asignarles a este div unos margenes laterales.

                  
                    #contenedor{
                      width: 300px;
                      margin: 0 auto;
                    }
                

Centrar una página verticalmente

Aunque no se suele utilizar esta tecnica debito a que las pagians son más altas que las ventanas del navegador

                  #contenedor{
                    width:500px;
                    height:500px;
                    position:absolute;
                    top:50%;
                    left:50%;
                    margin-top:-250px; /* height / 2 = 500px / 2*/
                    margin-left:-250px; /* width / 2 = 500px / 2 */
                  }
                

Ejercicios resueltos en

Fin Curso

Anterior