Ie problema con imagen dentro div

troj · #1 (**permalink**) 02/02/2010, 15:45

hola a todos tengo un problema como es de esperar con IE coloco una imagen dentro un div en el html algo asi

<div id="cabecera">

<img id="imagen" src="imagenes/banne.png" width="300"; height="164" alt="imagen"/>

</div>

div#cabecera {
width:300px;
height:164px;
margin:0;
padding:0;
float:left;

}

pero al ver la pagina noto que queda un espacio en blanco en la parte inferior
del div como si la imagen no llenara completamente el alto del div alguien me dira que la imagen es mas pequeña que el div contenedor pero no lo creo por que las dimensiones son iguales de ambos es mas probe colocar al div con una dimension menor que la imagen pero queda igual.
lo mismo me pasa con una galeria de imagenes que estoy haciendo pero en opera firefox todo perfecto .

ahora pregunto es un bug conocido o me jode solo a mi espero alguna ayuda o me resigno a un background-image:url();

OmarV · #2 (**permalink**) 02/02/2010, 15:47

Podrias poner un ejemplo ilustrado?

Pon un borde oscuro para notar el espacio porfavor (:

troj · #3 (**permalink**) 02/02/2010, 16:01

gracias por responder en la galeria de imagenes que tambien estoy haciendo cada imagen tiene un borde pero el espacio vertical es evidente pero solo es IE en opera perfecto tambien en firefox algun consejo

OmarV · #4 (**permalink**) 02/02/2010, 16:05

Pero osea puedes poner la pagina o algun ejemplo para poder ver?

troj · #5 (**permalink**) 02/02/2010, 16:18

si claro dame un minuto

troj · #6 (**permalink**) 02/02/2010, 16:27

te pongo esto ponle tu las direcciones a unas imagenes y veras a que me refiero
no te pongo el java script por que creo que no viene al caso .

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es">

<head>
<title>pagina css</title>
<script type="text/javascript" src="galeria.js"></script>

<style type="text/css">
div#muestra {
width:250px;
height:200px;
padding:0;
margin:0 auto;
border:2px solid black;
}

p#titulos {

padding:0;
border:2px solid white;
width:250px;
height:20px;
margin:0 auto;

}

</style>

</head>
<body>
<p id="titulos">imagen1</p>
<div id="muestra"><img class="Imagenes" id="Imagenes" alt="imagen" width="250"; height="200">
</div>
<p id="navegar"><span><a href="#inexistente" id="anterior"><</a></span> <span>
<a href="#inexistente" id="siguiente" >></a></span>
</p>

</body>

</html>

troj · #7 (**permalink**) 02/02/2010, 17:44

problema resuelto mendigo esplorer mire en un tema pasado algo similar
le pasaba a alguien la solucion es poner la imagen a display:block;

#imagen {
display:block;

}
no se si el codigo sea correcto pero funciona hasta pronto.