Ver Mensaje Individual
  #4 (permalink)  
Antiguo 28/08/2013, 03:03
Avatar de sergi_multimedia
sergi_multimedia
 
Fecha de Ingreso: noviembre-2010
Mensajes: 213
Antigüedad: 13 años, 5 meses
Puntos: 4
Pregunta Respuesta: Problema con Flexbox y navegadores

Cita:
Iniciado por pzin Ver Mensaje
Yo normalmente no suelo usar body para la maquetación. Porque por una cosa u otra siempre da problemas.

Luego añade siempre los atributos sin prefijos, porque más de una vez no existen con y funcionan sin ellos. Por ejemplo:

Código CSS:
Ver original
  1. flex-direction: column;

Que así si funciona en Firefox.

Pero lo dicho, lo de andar tocando el body () no es cosa buena.

Para los demás navegadores no sabría decirte, bueno, IE es el que falta. Sigo sin instalarlo.

Edito: Veo que si que lo tenías puesto, pero por alguna razón Firefox no lo aplica. Cámbialo por esto:

Código CSS:
Ver original
  1. -webkit-flex-direction: column;
  2. -moz-flex-direction: column;
  3. flex-direction: column;

De hecho la costumbre es ponerlo así, primero los prefijos propietarios y luego los buenos.
Hola, me ha surgido otro duda.

Ahora utilizando la propiedad justify-content: space-around, me funciona en todos los navegadores menos en Safari (tanto OSX como iOS).

He estado informándome y Safari es compatible con la versiín antigua (la del 2009) donde no existe esa propiedad, donde si existe si que es en la versión híbrida(2011) y en la moderna(2012) pero Safari no es compatible.

Entonces, mi pregunta es no hay "cojones" de hacer "justify-content: space-around" o similar sin tener que hacer márgenes en Safari?

Saludos