Tengo una composicion de 4 divs. El container, y luego tres interiores que se disponen arriba (header) que en horizontal ocupa todo el container, y abajo (izquierda y principal) que izquierda ocupa 150px y principal el resto. El problema esta en que en header y principal tienen backgrounds de imagenes para todas las secciones iguales, pero izquierda va variando segun la seccion, y en IE me aparece una linea blanca entre el div izquierda y el div principal. He quitado todos los borders, padddings y margins, pero sigue apareciendo. Os pongo el codigo de cada uno de los divs:
Código :
#container {
margin:5px auto;
width:900px;
height:480px;
text-align:left;
padding:0;
}
.header{
background-image:url(images/headerIE.gif);
width:900px;
height:40px;
margin:0;
padding:0;
}
.izquierda{
width:150px;
height:440px;
float:left;
margin:0;
padding:0;
border:0;
display:inline;
}
#principal{
background-image:url(images/fondoIE.gif);
width:745px;
text-align:center;
height:440px;
overflow:auto;
margin:0;
padding:0;
border:0;
}Ademas para la carga dinamica de las imagenes de fondo de izquierda utilizo el siguiente codigo:
Código :
echo '<div class="izquierda" style="background-image: url(images/izquierda'.$open.'.jpg)"></div>
Donde $open es el numero de seccion a abrir.
Espero comprendan todo este lio, y si pueden darme alguna pista de donde esta el fallo, perfecto!
Un saludo!
