Hi Folks

I'm setting up a site for a buddy to move to and I'm in the process of trying to set it up like his current site. I'm trying to go for as much xhtml compliancy as I can (I'm old, old, old school and xhtml is not my fortey) and the problem I'm running into I can't get some text to vertically align to the middle of an image. You can see the site I'm working on @ http://spirit.gmss.org and the original site @ http://www.spirit-tkd.com. I've tried using vertical-align: middle but that doesn't seem to be making a difference.

The code for the top section (if I can get that figured out I can figure out the problems later on I think) is as follows:

Hi Mike,

Vertically centering text as you desire is still a little hacky, with inconsistent results between IE6/7 and more compliant browsers (mainly related to application of the display: table-cell directive, I believe).

There is a good write-up outlining your options here.  Since you'll likely be forced to rely on an annoying hack anyway, you might just want to go ahead and use a table.  I won’t tell anyone.

Of course, my skillset only deals peripherally with CSS and presentation, so others might offer more insight.  Nonetheless, hope this helps!

Brandon

Nope that didin't work. I can get it to work in Firefox and the text vertically centered in IE but as soon as I add the image the IE version blows up.