Forum Discussion

jjeremiah's avatar
jjeremiah
Expert
8 years ago

Firefox label columns not working

I'm trying to layout the list of labels on a given forum using the following CSS.   Works fine in Chrome and IE (there are 3 columns in IE).. but a single column list in Firefox.... .any ideas about how to get it to work in FF?

 

.lia-component-labels-widget-labels-list {
.BlogLabelsTaplet {
ul.lia-list-standard {
-moz-column-count: 4;
-webkit-column-count: 4;
column-count: 4;
.label {
width: calc(25% - 10px);
width: 100%;
}
}
}
}

3 Replies

Sort By
  • jjeremiah's avatar
    jjeremiah
    Expert
    8 years ago

    Thanks ... but I get the same behavior Firefox... and that breaks Chrome and IE layout completely  -- it's one line of text on top of text

  • CyJervis's avatar
    CyJervis
    Boss
    8 years ago

    I think there may be something going on with FF lately as I recently received a complaint about column overlap on some of our boards. It only shows up in FF and not across the entire site, just a few boards. Very strange to see.