Product View has empty spaces

I am currently building a Drupal Commerce website for a customer of mine, and I am having an issue that I have never seen before.

The product view is pulling in random white space, almost like there is an empty field there, however I cannot find anything from running firebug, as well as going through the view.

If someone would take a look and see if you can figure it out I would be much appreciative.


Posted: Apr 28, 2013


Ryan Ryan Szrama on April 29, 2013

It just looks to me like you have some odd floating going on with the Views grid. The issue is that your new row starts with a float left, but the third element in the first row has a smaller height than the first two elements in the row. This means a container after that third element in the row that's floated left will appear beneath it instead of reset all the way to the left hand side of the row.

You can fix this by applying a height to those node divs. It looks like products w/ the longer titles are 344px high, and manually setting that as the height of the third element in the first row immediately fixed the float of the row beneath it.

Ryan Ryan Szrama on April 29, 2013

Also, I just now noticed someone else provided the exact same answer in the Commerce Q&A. For future questions, please just ask for help in one location. : )

daniel on May 1, 2013

I appreciate your response, and I understand what your saying, but where do I edit that at?

Is that going to be my node--product-view.tpl.php? and if so where at in there?