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
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?

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