Problemas con CSS y FIREFOX

[dibuga]

Buenas:

Tengo una hoja de estilo que tiene definido lo siguiente:

.spacer{
margin: 50px 20px 20px 20px;
font-size:0;
line-height:0;
}

Para que deje hueco o ese espacio en blanco de esas dimensiones.

Si ejecuto una página en EXPLORER si realiza el estilo solicitado, si la ejecuto en FIREFOX no hace nada y no deja el espacio.
La página tiene el siguiente código:


.
..
<div id="invest">

<img class="tituloG" src="imagenes/titinvestigacion.gif"></img>
<p class="spacer"></p>

<p>La síntesis o..... </p>

<p>Desde los orígenes ...... </p>


</div>

<p class="spacer"></p>

<div id="footer">
........
</div>

</body>
</html>


No ejecuta en firefox ninguno de los <p class="spacer"></p>

¿que me pasa? ¿como tengo q hacerlo para que funcione en ambos?

Gracias

[Mikmoro]

¿Seguro?
Para saber si lo está interpretando o no cambia un 50 por un 150, por ejemplo:

.spacer{
margin: 150px 20px 20px 20px;
font-size:0;
line-height:0;
}

A ver si ocurre algo.

[dibuga]

nop, nop, hace lo mismo, es decir, nada

¿alguna otra idea?

[punk567]

Hola dibuga, me parece que no es bueno usar un elemento <p> <div> o cualquiera de ese tipo, que esté vacío y solamente para fines gráficos, tenes que buscarle la vuelta de otra manera

por ejemplo en lugar de usar

<img class="tituloG" src="imagenes/titinvestigacion.gif"></img>
<p class="spacer"></p>

intentar usar solamente

<img class="tituloG margen-extra" src="imagenes/titinvestigacion.gif"></img>

y darle a la clase .margen-extra ese margen que necesitas

saludos

[Mikmoro]

No puede ser, y como no puede ser, pues el problema estará en otra parte, en algún sitio que no vemos de tu código.

Pon un enlace si puedes.

Y no, como te dice punk567 no es buena idea usar eso para añadir espacios entre los elementos.

[jomaruro]

Hola:

Iniciado por Mikmoro

No puede ser, y como no puede ser, pues el problema estará en otra parte, en algún sitio que no vemos de tu código.

Pon un enlace si puedes.

Y no, como te dice punk567 no es buena idea usar eso para añadir espacios entre los elementos.

Totalmente confirmado (y probado) con el código que nos enseñas funciona lo que quieres hacer, si no te funciona es que interfiere algo se hereda desde el código que no vemos.

Saludos.

[dibuga]

Lo primero gracias a todos por la ayuda¡¡¡¡¡¡

He cambiado alguna cosa, ahora continua pasando lo mismo, sólo que NO hay cambios entre explorer y Firefox, ¡¡ no sale en ninguno ¡¡¡

Os paso un enlace donde lo pude colgar gratuitamente, espero que rule más o menos, por lo menos pá q podais verlo.

http://vefimosi.tarifaplanahosting.com/

Eso de la "herencia" tiene sentido, puede ser algo así...... yo continuo luchando con esto a la espera de vuestra ayuda.

Cualquier otra ayuda es bien aceptada si veis cosas horribles en el código.

Muchaaaassss graciasss

[Mikmoro]

Donde tienes el selector .spacer en la CSS, prueba poniéndolo como #invest p.spacer.

[kseso?]

utilizas una clase vacía de contenido y sin medidas y se la aplicas a un elemento vacío
Ya te han advertido varias veces que no puedes utilizar un párrafo vacío para lograr una separación.
Utiliza si quieres la etiqueta <hr/> le defines una altura y asegúrate que utilizas algún tipo de reset para que no tome propiedades por defecto y un "clear:both" por los elementos flotados.

Si persistes en el uso de un <p class=...>, en vez de padding, line-height o cosas por el estilo, dale a la clase una altura y verás si hay espacio o no de separación. Conveniente también el "clear" por la misma razón.

Y los errores en los códigos puedes verlos tú con ayuda de los validadores.

Un saludo

Ouuuch!!

[dibuga]

Ya no tengo problemas.
Gracias por sus soluciones a KSESO? y MIKMORO (y en tú caso también por tú paciencia).

Graciassss