Zurb Foundation Equalizer not working

Question

I'm trying to display a form in a "Show" View and am wanting to use Foundation's equalizer to make the divs the same height but for some reason it doesn't work with one div being taller than the other. My guess would be that it has something to do with using php inside the containers but I didn't find anything related to that on their docs page. If anyone can point out where I went wrong or if they know for certain that this just wont work with Foundation I would appreciate your input! Thanks! HTML: ```

Order Information '; echo "Food: ". $order_array['food' . $x].'
'; ?>

Location '; ?>

```

Accepted Answer

My first thought, is that Equalizer is working and it is making both `

`s the same height. Unless you have some visual clue to differentiate them such as different background colors or a border setting it may be hard to tell if Equalizer is working properly. Please note that I have made this mistake before. If your intention was to make the `

`s the same height, you would need to move the `data-equalizer-watch` from the `

`s to the `

`s. This would also allow you to visually see if Equalizer is working, because of `

`'s border. I created this codepen,http://cdpn.io/igDoI, with two examples. One is your code above where I added a dashed border to both of your `

`s. The other example is your code above where I moved the `data-equalizer-watch` to the `

`s. I hope that helps,

Zurb Foundation Equalizer not working

Solution

Problem