porblema con float e ie8

starpatrick · #1 (**permalink**) 13/09/2013, 11:17

saludos compañeros

tengo un pequeño (no mejor gran problema) con ie8.

tengo una galeria, se ve bien ff, chrome y safari pero en ie8 se ve horrible.

haciendo pruebas me di cuenta que el problema es el porcentaje de width, si lo cambio a em o px me funciona bien, pero me gustaria que quedara en porcentajes.

les dejo el codigo, como les dije estuve haciendo pruebas y lo deje a lo minimo, inclusive no puse el div de cuerpo.

Código:

<body>
	
		<img src="imagenes/13.jpg" class="galeria"/>
		<img src="imagenes/1.jpg" class="galeria" />
		<img src="imagenes/2.jpg" class="galeria" />
		<img src="imagenes/3.jpg" class="galeria" />
		<img src="imagenes/4.jpg" class="galeria" />
		<img src="imagenes/5.jpg" class="galeria" />
		<img src="imagenes/6.jpg" class="galeria" />
		<img src="imagenes/7.jpg" class="galeria" />
		<img src="imagenes/8.jpg" class="galeria" />
		<img src="imagenes/9.jpg" class="galeria" />
		<img src="imagenes/10.jpg" class="galeria" />
		<img src="imagenes/11.jpg" class="galeria" />
		<img src="imagenes/12.jpg" class="galeria" />

</body>

y este es el css

Código:

#cuerpo{
	float: left;
	width: 92%;	
	margin-top: .5em;
	margin-left: 2%;
	padding:2%;
	background-color: #FFFFFF;
	border-style: solid;
	border-width: .1em;
        border-color: #FF0000;
}

.galeria{
	float: left;
	width: 20%;
	height: 7em;
	margin-left: 4%;
	margin-top: 2em;
	background-color: FFFFFF;
	border-style: solid;
	border-width: .2em;
	border-color: #0000FF;
}

agradecere cualquier comentario o sugerencia

gracias

pzin · #2 (**permalink**) 13/09/2013, 11:20

No tengo instalado Internet Explorer. ¿Puedes explicar qué es lo que se ve mal o no funciona?

starpatrick · #3 (**permalink**) 13/09/2013, 11:49

gracias por contestar pzin.

asi se ve en chrome y los otros:

asi se ve en explorer:

starpatrick · #4 (**permalink**) 13/09/2013, 20:02

POR FIN.

despues de tanto sufrir quedo como queria, les comento como lo solucione por si le sirve a alguien.

quite los float, y tambien puse min y max a width y height.

y en el id cuerpo quite el width.

SE SUFRE PERO SE QUIERE!!!

p.d. a pzin: que bueno que no tengas explorer, cualquier version, es una porqueria.