... no podía ser otro... IE6...
Estoy creando un listado donde mostrar ofertas con su foto, título y
descripción y para ello lo estoy montando de esta manera:
<ul id="listoferta">
<li>
<img src="imagenes/imagen.jpg" alt="Descripción de la imagen" />
<div>
<h3>Título de la oferta</h3>
<p>Descripción de la oferta</p>
</div>
</li>
</ul>
La hoja de estilos es la siguiente:
ul#listoferta{
margin:35px 0 0 0; padding:0; border:0; list-style-type:none;
clear:both;
}
#listoferta li {
clear:both; overflow:hidden; margin-bottom:10px; padding:10px 13px;
background-color:#0B0B0B;
}
#listoferta img {
display:block; float:left; border:1px #F90 solid;
}
#listoferta div {
margin:0 0 0 120px;
}
#listoferta h3 {
font-size:0.80em; color:#F90; margin:0;
}
#listoferta li p {
font-size:0.69em; margin:5px 0;
}
El problema con el que me encuentro es que IE6 monta un margen superior
al div con lo que no consigo alinear el título a la parte superior de la
imagen. En Firefox, IE7, etc. funciona correctamente. Me imagino que
será un bug de internet explorer 6 pero no doy con la solución.
Un saludo y gracias
Nacho
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a [email protected]
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
