Fondo semitransparente (o semiopaco) con CSS

Crear elementos transparentes con opacity y filter está bien, pero podemos toparnos con el problema de que al hacer un elemento transparente, todo lo que esté contenido en él también lo será. De esta forma no podemos crear elementos con fondo semitransparente, ya que todos los elementos del contenido tendrían el mismo nivel de opacidad.

filter: alpha(opacity=35); opacity: .35; background:#0F0

La solución es muy sencilla, simplemente hay que definir el fondo con rgba de esta forma:

background: rgba(0, 255, 0, 0.35);

El último parámetro se corresponde con el nivel de opacidad (va de 0 a 1).

CSS: Contenedor de divs con "float left" o "float right"

Cuando un contenedor contiene objetos con la propiedad "float", dicho contenedor no crecerá en función del tamaño de los objetos contenidos, por ejemplo:

float:left

float:right

Hacer que el contenedor crezca en función del contenido es tan sencillo como asignarle al contenedor la propiedad "overflow:hidden" y ¡ya está!. Eso sí, para que funcione también en Internet Explorer hay que asignar obligatoriamente la propiedad width del estilo.

float:left

float:right