|
Posted by mardi on 03/21/07 06:39
On Wed, 21 Mar 2007 02:59:35 +0000, Blinky the Shark wrote:
> mardi wrote:
>> On Tue, 20 Mar 2007 15:38:49 +0000, Spartaco wrote:
>>
>>> Hi, this is a big problem for me I can't solve it: I have a <div>, and
>>> I want the content of this div be vertically aligned in the middle by
>>> applying CSS styles to the div tag... I've tried the vertical-align
>>> but it does not work, the content is always at the top.
>>>
>> Hi, I am but a humble student of the css-fu. I had the same issue arise
>> in my studies and I did this:
>>
>> div.container { top: 0; left: 0; width: 100%; height: 100%; position:
>> fixed; display: table }
>>
>> div.cell { display: table-cell; vertical-align: middle }
>>
>> then:
>>
>><div class="container">
>><div class="cell">
>><p>My Content</p>
>></div></div>
>>
>> This works for vertical alignment in the latest versions of Firefox (I
>> tried it in Linux and MS), Opera (Linux) and Konqueror (obvious :p) but
>> it does not seem to work in IE 6 & 7.
>
> I don't know anything about this site, but your findings seem to agree
> with how it lists display:table:
>
> http://www.quirksmode.org/css/display.html
Hi, thanks for the link, good info. I should have put in my original post
that I found the code here:
http://www.w3.org/Style/Examples/007/center.html
Navigation:
[Reply to this message]
|