Las tablas versus CSS

la clave: min-height

para ie
http://www.mezzoblue.com/archives/2004/09/16/minheight_fi/

Gracias Fael, pero tampoco me funciono eso, ya lo tengo casi resuelto, solo hay un detalle.

Es ahora que el cuadro blanco del contenido no llega hasta abajo, sino que deja ese espacio azul de separacion entre él y el footer, al cual quiero ponerle otro color.

qué tal con

Código :

padding: 0px;

o quizá:

Código :

padding-top: 0px;

P.D. He de felicitarte, has sido perseverante... el fruto será recompensado

Gracias pedro,
He tratado de no dejar de aprender.
El problema no era de padding, no se que es aun.

Ahora ademas solo con los navegadores Gecko, (en IE se ve bien)

Aqui

So lo ves con IE se ve bien, pero en Firefox, Opera, NetScape me deja un pequeño espacio entre el footer y la columna blanca de contenido, que antes tambien se veia en IE, pero no se en que momento dejo de verse.

Otro pequeño defecto que vi, es que Opera no acepta las propiedades CSS de margin-top: 0; y no queria ponerle topmargin="0" en la etiqueta body, pero parece ser la unica via.

Consejo:
Si vas a usar el sistema de cajas para tu "plantilla" te aconsejo lo que un día fael me aconsejó y me ha ayudado MUCHÍSIMO... antes de empezar a meter textos, imagenes y demás.... haz tu plantilla con texto corto en cada div, de modo que primero armas la estructura y una vez que te funciona a la perfección, procedes a meterle cosas.

Es más facil corregir la plantilla con poco código, que cuando ya le has metido párrafos, spans, img, object, etc....