display:flex;

[paulotorres]

Hello,
i have a problem with the css rule display: flex. Well to be honest, the problem is with the Mozilla FireFox browser. Every other browser displays the page as i intend it to display, but with firefox there´s a problem.
I have a container with the class of promo that holds tree colomns with the class of coluna.

The CSS is as folows:
.conteudo .promo {
max-width: 100%;
display:flex;
flex-flow:row wrap;
justify-content:center;
}
.conteudo .promo .coluna{
-moz-box-sizing:border-box;
-o-box-sizing:border-box;
box-sizing:border-box;
width: 30.3333%;
padding: 5px;
margin: 5px;
display:flex;
flex-flow:column;
}

Is there anything i´m doing wrong because only in firefox the page isn´t displayed as it should.

I´d really need some help. Please!!!!

Torsuntsu

[paulotorres]

The site is on: http://www.sistemagestorconteudos.net/Alfacoop/Sitio8

[Paulie_D]

Check out the known issues here:http://caniuse.com/#search=flex

Specifically:

Firefox does not support specifying widths in percentages.

Firefox does not support flex-wrap, align-content properties.

Flexbox isn’t mature or stable enough to be used without fallbacks.

[paulotorres]

Thanks for the replay Paulie.
Gess i´m stuck with the problem.

Torsuntsu

[Author]

Posts