Artículos para el tag

CSS: DIV Contenedor de DIVs con Float: IE & FF
08 de Octubre de 2008

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:
  1. <div style="background-color: grey;">
  2.   <div style="float: left;">
  3.     <img src="images/avatar.jpg">
  4.   </div>
  5.   <div style="float: left;">
  6.     Nombre del Usuario
  7.   </div>
  8. </div>

Como corregimos ésto? Bién, he dado con la solución!
Editado: Gracias a los comentarios, ahora la solución es mejor!

Leer más »

Tag:
Estadísticas