vertical alignment tableless

Question

hi to all

I have 3 columns field, first 2 columns is the description and the last column is the image. Is there a way to vertical align the description according to the height of the image. I could not specified the line height since the height of the image will varies. Currently, if I use table then there is no problem. But what I want is to use div or li.

Any suggestion would greatly appreciated.

Thanks in advance

Tirso

Answer 1

Little bit of javascript would sort you out here, to set the DIVs on a line to equal heights. There is a Jquery plugin to help you out here:

http://www.cssnewbie.com/equalheights-jquery-plugin/

Answer 2

Vertical centering without tables is tricky, but there're a few workarounds, see if you can use them:

http://www.student.oulu.fi/~laurirai/www/css/middle/ http://www.jakpsatweb.cz/css/css-vertical-center-solution.html