Buenas noches, gracias por dar atención a mi pregunta, que paso a explicar, estoy maquetando una trivia por web, aquí el ejemplo
http://www.acuarel.pe/wirelessday2015Trivia/ y podrán observar debajo de la pregunta hay una linea luminosa azul, por encima una estela de luz verde, pero estoy usando el responsive, cuando cambia de tamaño la línea de luz azul se redimensiona según el ancho de su contenedor, pero la estela quiero que se redimensione según el alto de su contenedor, para que ambos se redimensionen juntas.
Nota: el objetivo será, que la estela recorra de izquierda a derecha, eso lo hare despues, pero lo importante ahora es la maquetación html.
Este son mis estilos:
Código PHP:
#recorrido {
width: 100%;
position: relative;
max-height: 148px;
}
#estela {
position: absolute;
top: 0px;
height: 100%;
max-height: 148px;
overflow: hidden;
}
#estela img{
max-height: 148px;
}
Responsive:
Código PHP:
@media only screen and (max-width: 1199px) {
#recorrido img.recorrido { width:100%}
#estela img { height: 100% !important;}
}
Aún no logro realizar esto, simplemente esta instrucción no funciona:
height: 100% Espero me puedan dar un apoyo, para lograr esto, muchas gracias.