Here's what it looks like...
There's a form that allows you to store address information, but not all fields are required. When 5 of the 5 fields are filled out for 9 records, the 3x3 div layout is very square. However, when, say, the #3 of 9 only has 3 of 5 fields filled in and stores the record it throws off the alignment of the divs #4-9.
The div that encapsulates the address info is written as a single instance in the code which repeats depending on how many records you have. What I would like to do is have all 9 (or however many records are stored and displayed) be the same height regardless of their content. I assume this could be done by determining the height of the tallest of the 9 and setting the rest to the same height. However, I haven't found a solution for this being that the divs that will have their height adjusted load in dynamically from one instance (so they all have the same ID on the encapsulating div).
Anyone have a working solution for this? Thanks.