rubensa, algo en qué pensar

Jueves, 02 de marzo de 2006

Comentarios

Como empiezo a tener algún comentario en mis anotaciones, he descubierto un problema que tenía cuando el texto de los comentarios no llegaba a la altura de las imágenes del Gravatar.

El problema era que al ser mas corta la altura del texto que la de la imagen, resulta que dicha imagen se salía por debajo de la caja del texto (y se montaba con la siguiente anotación).

Ya está solucionado el problema (un poco de CSS y alguna modficación a la plantilla) ^_^

Para los más curiosos:

Resulta que para la zona de los comentarios tenía la siguiente estructura:

<div class="comentario">

  <img src="url_gravatar" class="gravatar"/>

  Texto comentario<br/>

  Pie de comentario

</div>

Y la css para "gravatar" tenía un "float:left" para que el texto se distribuya al rededor.

Cuando el texto es demasiado pequeño, resulta que el div con clase "comentario" no abarca el alto de la imagen (por tener esta el float:left) y ahí estaba el problema.

Para solucionarlo, modifiqué la estructura a esta:

<div class="comentario">

  <img src="url_gravatar" class="gravatar"/>

  Texto comentario<br/>

  <div class="pie_comenario">Pie de comentario</div>

</div>

Y añado el estilo "pie_comentacio" con "clear:left" de tal modo que no permita un elemento "flotante" a su izquierda (la imagen, en este caso) y baje lo suficiente para que el alto total del div con estilo "comentario" ocupe el alto de la imagen.

Por: Rubén Suárez Alvarez | Bitácora | Comentarios (0) | Referencias (0)

Comentarios

Comentar

Referencia

URL para referencias o trackbacks

Acerca de

"El trabajo tiene un peso específico dentro de la empresa. A más trabajo, más peso y por tanto más abajo estás. A menor trabajo más ligero te vuelves y más asciendes. ¿Y tú, trabajas o asciendes en tu empresa?"

rubensa