How to implement placeholder for image when parent is inline-block?

Question

Images

.wrapper collapses if .image position: absolute.
https://jsfiddle.net/g3pzebhL/8/
any ideas how to fix it? or how to do it differently.
the point is that while img.image is being loaded, div.placeholder (which selects the image dimensions) is displayed instead

Answer 1

the point is that while img.image is being loaded, div.placeholder (which selects the image dimensions) is displayed instead

So why then a picture with absolute positioning?
Make the placeholder absolute and put it in .wrapper

Answer 2

apparently, select is not expanded and you got (null, 1171, array) - therefore Column count doesn't match - the number of columns does not match,
presumably the query will be like this

INSERT INTO product_option
    (
     	product_option_id,
 	    product_id,
        option_id,
        option_value,
        required
    ) 
    SELECT null, 1171, po.option_id, po.option_value, po.required  FROM `product` as p
          left outer join product_option as po
          on p.product_id = po.product_id
          WHERE p.product_id = 1170
          group by po.option_id;