Especificar la altura vertical y relativa de un elemento

última actualización el 30 de julio de 2009, 19:13 por Carlos-vialfa
Publicado por Carlos-vialfa
A veces, nos gustaría poder especificar la altura vertical de un elemento.

Esto es simple si se utilizan valores fijos (por ejemplo en pixeles), pero es más complicado si se utilizan alturas relativas (en porcentaje).

A menudo se encuentra este problema cuando utilizamos imágenes de fondo para crear un borde con un cierto estilo a un elemento.

Solución


Para especificar una altura vertical y relativa de un elemento, es necesario que cada elemento padre tenga también una altura especificada.

Por lo tanto, es necesario definir una altura a las etiquetas html, body, y todas las etiquetas que contengan al elemento que debe tener una cierta altura.

Por ejemplo: 

html,body,div#corps,div#todos_mis_elementos{height:100%)


PD: El artículo original fue escrito por Ssylvainsab, contribuidor de CommentCaMarche
Mejores respuestas para « Especificar la altura vertical y relativa de un elemento » en :
Javascript – Modificar la altura (height) de un elemento HTML Ver La propiedad de estilo “height” puede ser usada para modificar la altura de un elemento HTML en javascript. Para ello puedes hacer lo siguiente: Si deseas conocer la altura (height) de un bloque HTML, existen dos métodos dependiendo del...
Javascript – Conocer la altura de un elemento HTML Ver Si deseas determinar la altura (height) de un bloque HTML en javascript, existen dos métodos para hacerlo dependiendo del navegador: element.offsetHeight element.style.pixelHeight Existe tambien otro método que permite determinar la altura de...
Especificaciones Ver Particularidades de las especificaciones "Especificaciones" se refiere a un documento contractual que describe lo que espera el cliente de parte del contratista. Es un documento que describe, en la forma más precisa posible y en términos simples, las...
Códigos de error de Windows VerA continuación una lista que detalla los códigos de error que aparecen en las ventanas de diálogo bajo Windows: Código Descripción ------------------------ 1 Función incorrecta. 2 No se pudo hallar el archivo especificado. 3 No se pudo...
Listas doblemente enlazadas VerListas doblemente enlazadas Requisitos I. Introducción II. Definición III. La construcción del modelo de un elemento de la lista IV. Operaciones sobre la lista doblemente enlazadas A. Inicialización B. Inserción de un elemento en la...
La lista enlazada simple VerLa lista enlazada simple Pre-requisitos I. Introducción II. Definición III. Construcción del modelo de un elemento de la lista IV. Operaciones sobre las listas enlazadas A. Inicialización B. Inserción de un elemento en la lista 1....
Descargar AVS Video Tools VerEs un paquete de 6 herramientas útiles para editar video digital. Gracias a esta aplicación, ya no necesitarás utilidades complementarias para tareas específicas por que AVS Video Tools reune todo lo escencial en video digital. AVS Video Tools es...
Descargar Driver Magician Portable Lite VerDriver Magician ahora en la versión portable para llevarlo a donde quieras, puedes realizar una copia de seguridad de tus drivers sin la necesidad de estar instalando todo el programa. Con Driver Magician Portable tan solo especificas la ubicación...
Descargar Caricature Studio Ver
VerEl concepto de celda Una "celda" es la intersección de una línea (horizontal) y una columna (vertical) en una hoja de trabajo. Por lo tanto, el nombre de la línea en combinación con el nombre de la columna dan las coordinadas de la celda (a veces...
Equipos de red - El concentrador Ver¿Qué es un concentrador? Un concentrador (hub) es un elemento de hardware que permite concentrar el tráfico de red que proviene de múltiples hosts y regenerar la señal. El concentrador es una entidad que cuenta con determinada cantidad de puertos...
Posicionamiento de los elementos en CSS Ver
Necesitan su ayuda