Partiendo del diseño creado en el ejercicio anterior, vamos a hacer que sólo se muestre el contenido del apartado seleccionado, y podamos pasar de uno a otro con el menú, simulando páginas.
id
del h3 y dándoselo al div.div#texto div
). Deben de ocupar todo el alto del div texto (height: 100%;
) y todo el ancho (width: 100%;
). Cuando no quepa en el div contenedor, que muestre las barras de desplazamiento (overflow: auto;
).div#texto div {height: 100%; width: 100%; overflow: auto;}
.top
y bottom
y no con height
. Vamos a corregirlo, utilizando height
.div#pie
, cambia la propiedad height: 40px;
por height: 10%;
.div#menu
, cambia la propiedad bottom: 40px;
por height: 90%;
.div#texto
, cambia la propiedad bottom: 40px;
por height: 90%;
.Puedes encontrar este ejercicio resuelto en el archivo ej_maquetacion_absoluto_resuelto2.htm.
Síguenos en: Facebook Sobre aulaClic Política de Cookies
© aulaClic. Todos los derechos reservados. Prohibida la reproducción por cualquier medio.