Foros del Web » Creando para Internet » CSS »

Problemas con CSS y FIREFOX

Estas en el tema de Problemas con CSS y FIREFOX en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 27/10/2009, 13:31
 
Fecha de Ingreso: octubre-2008
Mensajes: 87
Antigüedad: 9 años, 1 mes
Puntos: 0
Exclamación Problemas con CSS y FIREFOX

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
  #2 (permalink)  
Antiguo 27/10/2009, 13:46
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Problemas con CSS y FIREFOX

¿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.
__________________
Visita mi nueva web idplus.org
  #3 (permalink)  
Antiguo 27/10/2009, 14:20
 
Fecha de Ingreso: octubre-2008
Mensajes: 87
Antigüedad: 9 años, 1 mes
Puntos: 0
Respuesta: Problemas con CSS y FIREFOX

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

¿alguna otra idea?
  #4 (permalink)  
Antiguo 27/10/2009, 14:24
Avatar de punk567  
Fecha de Ingreso: octubre-2006
Ubicación: Montevideo
Mensajes: 265
Antigüedad: 11 años, 2 meses
Puntos: 5
Respuesta: Problemas con CSS y FIREFOX

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
  #5 (permalink)  
Antiguo 27/10/2009, 14:33
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Problemas con CSS y FIREFOX

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.
__________________
Visita mi nueva web idplus.org
  #6 (permalink)  
Antiguo 27/10/2009, 16:57
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: Problemas con CSS y FIREFOX

Hola:

Cita:
Iniciado por Mikmoro Ver Mensaje
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.

  #7 (permalink)  
Antiguo 28/10/2009, 09:26
 
Fecha de Ingreso: octubre-2008
Mensajes: 87
Antigüedad: 9 años, 1 mes
Puntos: 0
Respuesta: Problemas con CSS y FIREFOX

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
  #8 (permalink)  
Antiguo 28/10/2009, 10:19
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Problemas con CSS y FIREFOX

Donde tienes el selector .spacer en la CSS, prueba poniéndolo como #invest p.spacer.
__________________
Visita mi nueva web idplus.org
  #9 (permalink)  
Antiguo 28/10/2009, 10:22
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Problemas con CSS y FIREFOX

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!!
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #10 (permalink)  
Antiguo 28/10/2009, 11:15
 
Fecha de Ingreso: octubre-2008
Mensajes: 87
Antigüedad: 9 años, 1 mes
Puntos: 0
Sonrisa Respuesta: Problemas con CSS y FIREFOX

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

Graciassss
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 03:03.