Foros del Web » Creando para Internet » CSS »

imagen flexible en firefox (display: flex;)

Estas en el tema de imagen flexible en firefox (display: flex;) en el foro de CSS en Foros del Web. Hola Mi problema es al usar la opcion display: flex en mozilla firefox la imagen no se contrae por todos los lados igual como hace ...
  #1 (permalink)  
Antiguo 04/03/2014, 04:29
Avatar de heinzy  
Fecha de Ingreso: marzo-2012
Ubicación: Mallorca
Mensajes: 49
Antigüedad: 12 años, 2 meses
Puntos: 0
imagen flexible en firefox (display: flex;)

Hola

Mi problema es al usar la opcion display: flex en mozilla firefox la imagen no se contrae por todos los lados igual como hace en safari, en chrome o en internet explorer con este codigo:

div#cf {
min-width: 100%;
display: -webkit-flex;
display: flex; }

En esta pagina http://www.flowerpower.es/index.html podeis ver el problema, al contraer la pantalla y cambiar de resolucion a menos de 640 px la imagen al contraerse no se comporta en firefox como en los demas navegadores.

Alguien sabe a que se debe, he probado en ponerle -moz-display o -moz-flex y tampoco se soluciona el problema.

saludos
  #2 (permalink)  
Antiguo 05/03/2014, 12:59
Avatar de hackjose  
Fecha de Ingreso: abril-2010
Ubicación: Edo Mexico
Mensajes: 1.178
Antigüedad: 14 años
Puntos: 131
Respuesta: imagen flexible en firefox (display: flex;)

display:flex;
Sirve para indicar que un elemento va ser un contenedor "flex box", nada que ver con imagenes flexibles.

Lo unico que debes hacer es indicar el width y height con porcentajes y asi seran flexibles

salu2
  #3 (permalink)  
Antiguo 06/03/2014, 06:21
 
Fecha de Ingreso: diciembre-2009
Mensajes: 125
Antigüedad: 14 años, 4 meses
Puntos: 7
Respuesta: imagen flexible en firefox (display: flex;)

Cita:
Iniciado por heinzy Ver Mensaje
Hola

Mi problema es al usar la opcion display: flex en mozilla firefox la imagen no se contrae por todos los lados igual como hace en safari, en chrome o en internet explorer con este codigo:

div#cf {
min-width: 100%;
display: -webkit-flex;
display: flex; }

En esta pagina http://www.flowerpower.es/index.html podeis ver el problema, al contraer la pantalla y cambiar de resolucion a menos de 640 px la imagen al contraerse no se comporta en firefox como en los demas navegadores.

Alguien sabe a que se debe, he probado en ponerle -moz-display o -moz-flex y tampoco se soluciona el problema.

saludos

Yo estuve peleando con flex y al estar en desarrollo da muchos problemas aún y en firefox sobretodo..Además solo permite en Firefox usarlo en una única fila y no en varias los display flex...
Yo optaría de momento buscar otras soluciones hasta que se vaya afianzando.

Saludos
  #4 (permalink)  
Antiguo 08/03/2014, 02:34
Avatar de heinzy  
Fecha de Ingreso: marzo-2012
Ubicación: Mallorca
Mensajes: 49
Antigüedad: 12 años, 2 meses
Puntos: 0
Respuesta: imagen flexible en firefox (display: flex;)

Hola Hackjose gracias por contestar.. ya se q las imagenes se contraen o expanden con porcentajes pero en este caso estan en un contenedor flexible y no es necesario ponerle porcentajes a las imagenes.

salu2
  #5 (permalink)  
Antiguo 08/03/2014, 02:39
Avatar de heinzy  
Fecha de Ingreso: marzo-2012
Ubicación: Mallorca
Mensajes: 49
Antigüedad: 12 años, 2 meses
Puntos: 0
Respuesta: imagen flexible en firefox (display: flex;)

hola arqrym!

Me imagine que tenia que ser algun problema de estar todavia un poco verde el tema de las cajas flexibles..

la verdad que me extraña que sea firefox el que se quede atras y no internet explorer..


gracias y salu2

Etiquetas: display, firefox, html
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 01:59.