vertical align content in a div

[JonD]

Whats the equivelant to align text in a div/css vertically with the same effect as tables:

<td valign="middle">Middle</td>

?

Thx

 

[MagSafe]

vertical-align: center; (or middle, can't quite remember)

 

[JonD]

I cant get that to work.

 

[sirlemonhead]

I'm trying to do the same thing I think, with an image in a div.

vertical-align: middle wont work

 

[toosepin]

It's not that clean cut. If the div is a fixed height and the image height is unlikely to change, either use padding on the div to push the image down or a margin on the image to do the same thing.

 

[sirlemonhead]

It's not that clean cut. If the div is a fixed height and the image height is unlikely to change, either use padding on the div to push the image down or a margin on the image to do the same thing.

Yeah thats what i've done. Just figured it wasnt an ideal solution. If it's all fine and dandy, then grand

 

[toosepin]

Should be super.

 

[JonD]

think ive found out. not found any probs so far.

if your div is 100px. Set this in your css:
line-height: 100px

Then your away

 

[Conrad11]

Doesn't work in Ie7 but: http://www.jakpsatweb.cz/css/css-vertical-center-solution.html

 

[kibblerok]

use tables