{"id":99,"date":"2011-05-13T17:31:16","date_gmt":"2011-05-14T03:31:16","guid":{"rendered":"http:\/\/mymonkeydo.com\/?p=99"},"modified":"2020-05-03T16:44:10","modified_gmt":"2020-05-04T02:44:10","slug":"no-table-cell-or-table-row-in-ie-css","status":"publish","type":"post","link":"https:\/\/mymonkeydo.com\/no-table-cell-or-table-row-in-ie-css\/","title":{"rendered":"No table-cell or table-row in IE CSS"},"content":{"rendered":"
As stated on the w3schools website,<\/p>\n
[quote]The values “inline-table”, “run-in”, “table”, “table-caption”, “table-cell”, “table-column”, “table-column-group”, “table-row”, “table-row-group”, and “inherit” is not supported in IE7 and earlier. IE8 requires a !DOCTYPE. IE9 supports the values.[\/quote]<\/p>\n
I had a project where I needed to create a photo gallery. \u00a0The goal was to get the gallery to look like iStockPhoto<\/a> with the images all bottom-aligned, evenly spaced, etc, etc. \u00a0Well in creating the gallery I had a hard time aligning the photos on the bottom, so I took a look at how istock did it. \u00a0They use “table-cell” display option and vertically align the image to the bottom. \u00a0So I tried it, but soon found that Internet Explorer does not support that option. \u00a0And then I found that istock was no exception.<\/p>\n