Display:table-cell/IE

HTML & CSS
1

hi,

I need to vertically-center photos of diff heights in a div, so am doing

  display:table-cell; vertical-align:middle;

but

display:table-cell

does not work in IE… is there a way to vertically-center elements in IE?

thank you…

2

thank you very much… am looking at these…

I’d like to know how they center imgs here
http://orensanz.org/photos.html
it’s from this plugin:
http://orangoo.com/labs/GreyBox/

they use height:100% – I’ve never gotten that to work…

thank you…

3

Hi maya,

As you noticed IE6/7 do not support display:table; but there is a workaround for those browsers.

You can use Paul’s Double Relative Shift method along with display:table for good browsers.
Vertically Aligning Elements of Random Heights

Here is another method by Gary T. that uses display:inline-block; with a small workaround for IE6/7 again.
Vertical Centering Text in Fixed Height Div

View the page source of those examples and see if you can understand how they work. They should get you pointed in the right direction but post back if you hit a snag. :slight_smile: