Problema de maquetación

[areneros]

Hola a todos!

Tengo un problema con una página que acabo de maquetar, le podeis dar un vistazo en http://lanotanegra.com (lo siento, no puedo meter links, no llevo 30 mensajes todavía)

El tema está en que en Firefox, en cualquiera de sus versiones, la barra de abajo del todo no se muestra correctamente y estropea todo lo demás, en explorer y otros navegadores no he tenido problemas.

¿Qué puede ser?
Gracias de antemano.

[Mikmoro]

Ocurre que como las dos cajas están flotadas, no empujan a la que está debajo, ocupando el primer sitio que le queda disponible en el flujo del documento.

Añade al div#pie estas dos propiedades:

clear: both;
top: 10px;

Ahora tenemos que las dos cajas no están equilibradas, porque las has hecho pensando en IE (imagino), pero IE comete un error con los espacios que rodean lo formularios. De esa manera, yo te recomiendo que arregles lo de las dos cajas poniendo a #formulario un padding:8px 0; y como es probable que esto se haya descompensado para IE, ahora mirar la forma de arreglarlo específicamente para él.

Dices que en los demás te va bien, pero creo que si lo miras en Opera o Safari el problema que tendrás será el mismo que en Firefox.

[areneros]

Gracias Mikmoro por contestar, aplicaré lo que has dicho a ver si lo puedo solucionar.

Respecto a los otros navegadores, lo he mirado en browsershots.com y me ha parecido que todo iba bien, igual han sido las prisas.

Gracias!

[areneros]

Solucionado!

Ya funciona bien en todos los navegadores (espero), gracias por tus indicaciones, me han servido de mucha ayuda. Para solucionar después el problema en explorer he creado un css aparte con un par de lineas y un "if ie" para emparejar el layout y listo.

Nos vemos!

[Mikmoro]

De nada, es un placer.

Esa manera que has hecho suele ser la correcta. Como recomendación, maqueta siempre mirando en FF y luego arreglas las cosas para IE.

Me alegro de que te haya servido.

Saludos.