Cita:
Iniciado por indie_rok Hola amigos!
Pregunta un poco novata, pero aun no la resuelvo.
Yo siempre trabajo con medidas absolutas, pero con estas cosas del responsive design, ahora empiezo a trabajar con medidas relativas.
Para definir un div "cuadro", siempre hacia esto:
Código:
#cuadro
{
background-color:#999;
width:300px;
height:300px;
}
Ahora quiero hacer esto:
Código:
#cuadro
{
background-color:#999;
width:20%;
height:20%;
}
Pero me llevo la mala suerte que no me marca el cuadro, si no un rectángulo y la altura esta en base al contenido del texto, no a la dimensión que le marco.
Alguien me ayuda?
Saludo
mmm por lo general a las páginas hechas con porcentajes no se les especifica un HEIGHT, para que de manera automática el contenedor se alargue o achique según el contendido... pero si quieres probar de todas formas tus medidas lo que tendrías que hacer es... ponerle un alto en pixeles al padre y los hijos ya podrían cambiar su alto en porcentajes porque tienen una medida fija (que es el padre) para calcular el porcentaje según el tamaño de su contenedor en pixeles:
Código CSS:
Ver original#container{
height: 500px;
width: 500px;
}
.loquesea{
height: 20%;
width: 20%;
}