позиционирование по вертикали в тянущемся диве

berkut

Новичок
позиционирование по вертикали в тянущемся диве

приветствую! есть 2 дива: один основной и в нём его перекрывающий(progressBar), но как в нём по вертикали по центру выровнять надпись hh? пробывал и так и сяк.
Код:
div.formContainer {
	z-index:1;
	position: relative;
	min-height: 100%;
	_height:100%;
	margin-top: 20px;
}
div.progressBar {
	position:absolute; 
	left:0;
	top:0;
	width:100%;
	height: 100%;
	z-index: 1000;
	opacity:0.5;  
	-moz-opacity:0.5; 
	filter:alpha(opacity=50);
	background-image: url(/view/lightviewImages/blank.gif);
	background-repeat:repeat;
	text-align: center;
	background-color: #ffffff;
	display:;
	vertical-align: bottom;
}
<div name="formContainer" class="formContainer">ibhbh<br>gvgv<br>gvgv<div class="progressBar">hhh</div></div>
 

Crys

Двинутый новичок
если тебе нужен многострочный текст, где количество строк может быть разное - то в диве ты его по вертикали при помощи CSS не выровняешь.
Решение - после вставки текста, при помощи javascript - смотреть высоту и позиционировать блок как надо, либо юзать таблицу.

-~{}~ 19.09.08 19:16:

Тьфу.. более подробно прочитал, что тебе надо. В общем, одну строку в диве ты тоже не выровняешь, если не знаешь её высоту.
И пример у тебя не наглядный.
 

berkut

Новичок
не, там вместо hh картинка - прогресс-колесо. высота её известна. div.formContainer - высота разная.
div.progressBar - должен перекрывать весь div.formContainer(и успешно перекрывает). и вот на самом div.progressBar рисунок - его нужно по вертикали выровнять - по высоте блока div.progressBar, а он равен высоте div.formContainer

-~{}~ 19.09.08 22:16:

интересно, js-ом наверное такое можно намутить.. буду пробывать. если нельзя - отпишитесь) а то буду мучится
 

HaZ

Новичок
если все понимаю правильно,то

добавь id перекрывающему диву иява-скриптом возьми в конце страницы его высоту и ширину

var lsize = document.getElementById('progress').offsetWidth;
var rsize = document.getElementById('progress').offsetHeight;

для изображения колеса ставь абсолютное позиционирование и на основе полученных данных позиционируй свое колесо
 
Сверху