Menu icon Foundation
FD 5.5.2 broken in older FF (28 downwards)

Hi, I found out that FD 5.5.2 ist broken in older FF < 28. The Grid is not side by side but shifted.
It is still ok in those browser version in FD 5.5.1.
Can someone fixe it.
I know the browser is from Jan 2014, but you know, customers...

See a file of a 2-column grid in attachment.

Brokenscreen

5.5.2Firefox 28broken grid

Hi, I found out that FD 5.5.2 ist broken in older FF < 28. The Grid is not side by side but shifted.
It is still ok in those browser version in FD 5.5.1.
Can someone fixe it.
I know the browser is from Jan 2014, but you know, customers...

See a file of a 2-column grid in attachment.

Brokenscreen
Thomas Janotta almost 4 years ago

Hi Rafi, thanks for reply.
Even when I disable my style, the grid is broken.

<div class="row">
<div id="mainrow " class="small-12 medium-8 large-8 columns">
  <p>left</p>
</div>
<aside class="hide-on-print small-12 medium-4 large-4 columns">
  <p>right</p>
</aside>
</div>

i want to split the medium,
from 641 to 944 each 100%
from 945 to 1024 66/33 %
from 1025 large 66/33 %

but it is broken in ff28

@media only screen and (min-width: 48.0em) { /*768*/
  #mainrow.medium-8,  aside.medium-4 {
    width: 100%;
  }
}

@media only screen and (min-width: 59.0em) { /*944*/
  #mainrow.medium-8 {
    width: 66.66667%;
  }
  aside.medium-4 {
    width: 33.33333%;
  }
}

@media only screen and (min-width: 64.0625em) { /*1025*/
  #mainrow.large-8 {
    width: 66.66667%;
  }
  aside.large-4 {
    width: 33.33333%;
  }
}

but i can use 5.5.1

Rafi Benkual almost 4 years ago

The grid structure hasn't changed since v4 and I just tested in FF28 on windows and Mac with no issue. Can you share the code sample you're testing with any CSS so we can help you more?