Hola a todos:
Estoy haciendo una plantilla para un blog con la siguiente estrucura:
<div class="post"> <h2><a href="#" title="">bla bla blabla</a></h2> <ul class="info"> <li><a href="#" title="">categoria</a></li> <li><a href="#" title="">comentarios</a></li> <div class="entrada"> <p>blablabalbllablabla.........</p> <p>blablablablababalbalbalablablabla</p> </div>
Tengo el siguiente problema en IE.
Cuando inserto una imagen en el div "entrada" pasa lo siguiente: la imagen se mueve hacia abajo, justo por debajo de la linea imaginaria que trazaría la lista "info". Como os podeis aimaginar esto pasa cuando la imagen es lo primero que contiene el div "entrada", o cuando el primer párrafo del div no es mayor que el largo que ocupa la lista "info".
En Firefox se ve perfecto. Naturalmente.
Os paso las CSS (elimino las partes que no son relevantes):
div.post{
margin-bottom: 50px;
}
ul.info {
float: left;
margin: 0px;
padding: 0px 0px 0px 40px;
list-style-type: none;
font: 0.7em/1.8em "Courier New", Courier, monospace;
}
div.entrada {
margin-left: 240px;
font: 0.7em/1.8em "Courier New", Courier, monospace;
text-align: justify;
}
div.entrada p {
margin-top: 0px;
}___________________________________________________ Yahoo! Messenger - Nueva versión GRATIS Super Webcam, voz, caritas animadas, y más... http://messenger.yahoo.es _______________________________________________ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
