Vertical Align Issue

Question

I have following styles which work greate but Vertical-Align:middle or bottom doesn't work in it. every thing inside goes top ofthe div

.Progress
{    
display: inline-block;
z-index: 1000;
width:auto;
height: auto;
background-color: #A9C646;
vertical-align: bottom;
text-align: center;
text-align: -moz-center;
!text-align: center;
position: absolute;
opacity: 0.4;
filter: alpha(opacity = 40);
}

@jarrett - vertical-align doesn't work. How to fix it? – Nasser Hadjloo Jun 02 '10 at 07:41 — Nasser Hadjloo, Jun 02 '10 at 07:41

score 1 · Accepted Answer · answered Jun 02 '10 at 07:38

1

hey you can find here css hacks for this issue here

answered Jun 02 '10 at 07:38

Kali Charan Rajput

12,046
10
35
46

score 0 · Answer 2 · answered Jun 02 '10 at 07:33

0

If you have height: auto, then the container will be the size of the items it contains, thus is will always appear at the top. Try giving it a defined height.

answered Jun 02 '10 at 07:33

Jeepstone

2,591
5
22
38

I set Height of this element with Javascript – Nasser Hadjloo Jun 02 '10 at 07:42
Can you post a link to this? Have you got anything you can use to debug this to check the height is correct (Firebug in Firefox?) – Jeepstone Jun 02 '10 at 08:51

Vertical Align Issue

2 Answers2