Imagen superpuesta de cuadro u otro en internet explorer con css | ![]() ![]() ![]() ![]() (3.00)views: 887 |
Seguramente estas como loco buscando que es lo que hace que en internet explorer se vea un desfasaje con imagenes que tienes formando otra imagen a travez de divs, es decir, muchas veces necesitamos mostrar recuadros que son armados mediantes varios divs por ejem el mas clásico es el de la imagen de el cuadrado con puntas redondeadas que contiene 3 divs header(cabecera), el body(cuerpo) que se repite y el footer (el pie). uniones por lo general andan pefecto en firefox, pero en explorer se ven desfazadas o superpuestas,
bueno luego de rengar bastante encontre el problema
en Iexplorer se reserva el espacio para la escritura por mas que no existan caracteres,
el desfazaje se produce porque iexplorer esta dejando ese espacio para cuando se escriba algo sobre el, algo que no nos interesa porque en definitiva no escribiremos dentro de ese div,
la solucion
agregar en el css de los divs que contienen imagenes font-size:0px; de manera de quitar esos espacios, por lo general basta hacerlo en el header y footer si fuera el ejem anterior, y como estas imagenes no van a contener texto la cosa anda bien,
si necesitaramos agragar texto , facil o agrandamos la imagen para poder poner un font-size mas grande sin que se arruine todo, o agregamos un div dentro con el font-size que queramos.
1 2 3 4 5

