Archive for the 'CSS' Category

Con este nombre críptico se esconde uno de mis quebraderos de cabeza que estoy teniendo para maquetar de forma que Internet Explorer 6, 7 y Firefox trabajen de la misma forma.

Imaginemos que tenemos un div que contiene un par de divs con float:left. El problema que nos aparece es que el fondo gris no se estira para recoger los elementos que contiene, ya que los divs internos son flotantes.

HTML:
<div style="background-color: grey;">
  <div style="float: left;">
    <img src="images/avatar.jpg">
  </div>
  <div style="float: left;">
    Nombre del Usuario
  </div>
</div>

Como corregimos ésto? Bién, he dado con la solución!