¿Cómo se ajusta una altura relativa a la caja de un tamaño de ventana en el CSS?

La propiedad de altura en el CSS se utiliza para dar altura a los elementos de una página web. La propiedad debe ser definida como un porcentaje para hacer que la altura relativa al tamaño de la ventana. La propiedad de altura debe estar definido para todo el cuerpo de la página, así como el elemento que desea cambiar el tamaño (en base al tamaño de la ventana). Para mantener la altura a 100 por ciento, la propiedad "min-height" se puede utilizar también.

Instrucciones

1 Abra el archivo CSS en un editor de texto como el Bloc de notas para Windows o modificar el texto para Mac haciendo clic en "Archivo" y "Abrir".

2 Añadir a la propiedad height de las etiquetas HTML y el cuerpo. Por ejemplo: html, body {height: 100%;}.

3 Agregue la propiedad min-altura para el elemento que desea cambiar de tamaño. Si el ID del elemento es "caja", entonces el código se vería así: #box {min-height: 100%;}.

4 Utilice el selector de estrellas truco para establecer la altura mínima para el IE 6. IE 6 no utilizará CSS estándar sin hacks forzando al navegador a "mirar" en el código. Otros navegadores no tienen este problema. Para apoyar el IE 6, utilice el asterisco antes de que el elemento de la CSS y el uso de la propiedad height. Por ejemplo: * html #box {height: 100%;}.

5 Guarde el archivo haciendo clic en "Archivo" y "Guardar".