Mysterious space below img inside table-cell div

Hello! I’m having a minor issue that I’m having trouble fixing. There’s a mysterious 3px space below an image, inside a table-cell div. It appears to be some sort of bottom padding for the div. But I can’t seem to figure out what it is or how to get rid of it. Two images attached. You can see at http://comparewear.com/product_new.php?vs=qReveler

Thank you in advance!

The URL says Page not found.

Sorry moved to http://comparewear.com/product.php?vs=qReveler

What is the default width of a div border? i.e. “initial”

Hi, geiger.

That space is associated with inline elements, such as images. In all cases, including table-cells, one can set the images to {display:block}. Within table-cells, one can set the elements to {vertical-align:top} or anything other than the default “baseline”.

1 Like

Cool, thanks! All fixed. display: block did the trick.

1 Like

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.