Problemas con Imágenes en Div con IE

Landete · #1 (**permalink**) 06/10/2013, 01:21

Hola a todos.
Os comento mi problema estoy realizando una pagina web en la que he tengo varios div todos ellos en % para poder tener mi pagina accesible desde cualquier resolución de pantalla,dentro de uno de estos div puse una imagen y para que esta se ajustara al div a la imagen le puse un estilo de height=100%, así se me ajustaba al div y se mostraba la imagen entera dentro de su contenedor,esto funciona bien en chrome y en ie10, pero en ie8 no va me imagino que en lo anteriores tampoco.
Como puedo hacer que la imagen se ajuste al div y sea compatible con las versiones antiguas del IE.
Muchas gracias de antemano

PHPeros · #2 (**permalink**) 06/10/2013, 10:43

Una novela muy entretenida... Ahora pon el código

Landete · #3 (**permalink**) 06/10/2013, 12:09

Primero la pagina web

Código HTML:

Ver original<html style="overflow-x:hidden;overflow-y:hidden;" >
    <head>
        <meta http-equiv="content-type" content="text/html; charset=UTF-8" /> 
        <title></title>
        <link rel="stylesheet" href="css/estilo.css" type="text/css" media="all">
        <style type="text/css">
        </style>
    </head>
    <body>
        <div id="cuerpo">
            <div id="lateralizq" ><img id="imagenes" src="imagenes/8.jpg"/></div>
            <div id="foto"> <img id="imagenes" src="imagenes/cabecera.jpg"/></div>
            <div id="logo"><img id="imagenes"src="imagenes/10.jpg"/></div>
            <div id="content">
                <div id="contentframe"><a href="" class="button"  ></a></div>
                <div id="contentframe2"><a  href="producto.html" class="button" ></a></div>
                <div id="contentframe2"><a  href="" class="button" ></a></div>
            </div>
        <div id="content2">
            
        </div>
        <div id="content3">
            
        </div>
        </div>
    </body>
</html>

Ahora los estilos aplicados

Código CSS:

Ver original@charset"utf-8";
 #cuerpo {
    width:100%;
    height:100% position:relative;
    padding:0;
    margin:0 auto;
}
#lateralizq {
    position:absolute;
    width:25%;
    height:99%;
}
#imagenes {
    height:100%;
    width:100%;
}
#foto {
    position:absolute;
    left:50%;
    top:2%;
    width:45%;
    height:65%;
}
#logo {
    position:absolute;
    left:80%;
    top:80%;
    width:10%;
    height:15%;
}
body {
    background-color:#000;
    margin:0;
    padding:0;
    font:20px sans-serif;
    color:#FFF;
}
#content {
    height:40%;
    width:20%;
    left:30%;
    top:15%;
    position:absolute;
}
#content2 {
    height:20%;
    width:15%;
    top:40%;
    left:35%;
    position:absolute;
}
#content3 {
    height:15%;
    width:50%;
    bottom:5%;
    left:25%;
    position:absolute;
}

Espero que me podais echar una mano que yo no doy con la solución
El problema viene que no me va bien las imagenes en ie8