Estructura base de Blog

[el_javi]

Buenos días a tod@s.

Os escribo porque estoy teniendo un problema a la hora de estructurar la base de un blog que voy a desarrollar.


El problema es el siguiente:

Estoy planteando una estructura de 3 columnas (columna de izquierda, derecha y central) para dividir los contenidos.

El problema es que en Firefox, mi capa contenedora y centradora del contenido, no se estira con el contenido que está conteniendo...

Os dejo el enlace para que veaís la página (sencilla y con poco código fuente).
http://www.tuimagenpersonal.com/javi/

En este enlace se pueden ver las 3 columnas, y como podéis ver, la capa que SOLO tiene borde negro, NO se estira con el contenido.


Muchas gracias por adelantado a todos aquellos que puedan echarme una mano y también para los que se paren a leer el post.

[Eourus]

Necesitas poner un "clear:both" después de las columnas

[el_javi]

Buenos días de nuevo.

Eourus muchísimas gracias por tu aportación, porque es la solución.

Al ver tu respuesta me acordé de que este mismo problema lo tube hace mucho, y esta fue su solución.

De nuevo muchas gracias.

Una pregunta: ¿La solución me la has dicho porque la sabías, o porque hay algún medio de testearlo o algo? (esta pregunta es para saber si para estas cosas, solo vale la experiencia de cada uno o hay maneras de testearlo).

Mil gracias

[Eourus]

Porque lo sabía jeje, es algo que utilizo bastante.

Normalmente me suelo crear una clase como esta:

.limpia { clear:both; }

y la utilizo junto con un div o un span para cerrar capas flotantes.