The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Div’s not floating left.

  • This topic is empty.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
  • #31641

    If you can figure this one out you are good. All the pros at can’t figure it out.

    Why are these product boxes not floating left properly?



    The one with “No image available” is taller than the other ones so the fifth box (6056 Old Post Lane) is being pushed up against it.


    The Doc is right. The reason being you have “div.product_grid_display div.item_no_image” giving it a height of 148px, but then the .item_no_image class is giving it a border 2px. That’s a height of 152px (2px border on top + 148px height + 2px border on bottom), which is 2px more than the other divs.

    Decrease the height by 2px or make the border 1px instead. That way it’ll add up to 150px.

    Finally, on grid_view.css line 77, reduce the margin-bottom from 5px to 4px. It’s pushing the text lower than the other divs. You see it if you measure horizontally

    After that everything will snap into place.

    Enjoy your day.


    Thanks a bunch!

    Is there like a “solved” button on this forum? Don’t see one.


    If you edit the first post, you’ll find a little check box that says “Mark as solved” – I’ve done it for you!

Viewing 5 posts - 1 through 5 (of 5 total)
  • The forum ‘CSS’ is closed to new topics and replies.