- This topic is empty.
Viewing 4 posts - 1 through 4 (of 4 total)
Viewing 4 posts - 1 through 4 (of 4 total)
- The forum ‘CSS’ is closed to new topics and replies.
The forums ran from 2008-2020 and are now closed and viewable here as an archive.
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
The site is on: http://www.sistemagestorconteudos.net/Alfacoop/Sitio8
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.
Thanks for the replay Paulie.
Gess i´m stuck with the problem.
Torsuntsu