Cita:
Iniciado por pzin
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:
Que así si funciona en Firefox.
Pero lo dicho, lo de andar tocando el
body
(
![sonrisota](http://static.forosdelweb.com/fdwtheme/images/smilies/xD.png)
) 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-webkit-flex-direction: column;
-moz-flex-direction: column;
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