Posted by richard on 09/22/06 04:14

"Jonathan N. Little" <lws4art@centralva.net> wrote in message
news:46fb5$45135f09$40cba7ac$1483@NAXS.COM...
> richard wrote:
>>
>> "Jonathan N. Little" <lws4art@centralva.net> wrote in message
>> news:7f2c8$451341a7$40cba7ac$28982@NAXS.COM...
>>> richard wrote:
>>>> Actually, I need to know how to put the text in the middle of the
>>>> division.
>>>> As I did with tables.
>>>> Vertical-align doesn't seem to be recognized.
>>>>
>>>> www.1-small-world.com/index2.html
>>>>
>>>
>>> Look it up for yourself and see why...
>>>
>>> http://www.w3.org/TR/CSS21/propidx.html
>>>
>>> property: 'vertical-align'
>>> applies to: inline-level and 'table-cell' elements
>>>
>>> DIV is neither. You can set DIV to "display: table-cell;" ...but guess
>>> what? You guessed it, it will not work in IE. Other options are padding
>>> and line-height all a bit messy.
>>>
>>
>> Well check this out then
>>
>> http://www.wpdfd.com/editorial/thebox/deadcentre4.html
>>
>> Works good in both IE and FF.
>>
>>
> As I said a bit messy as opposed to:
>
> DIV.deadcenter {
> display: table-cell; text-align: center; vertical-align: middle;
> }

I have tried it and it does not appear to work.
Eventually I may find something that will.

[Back to original message]