Вертикальное выравнивание div в другом div с% -height - PullRequest
Новая
       11

Вертикальное выравнивание div в другом div с% -height

0 голосов
/ 18 июня 2011

Как я могу выровнять по вертикали средний div, который расположен в другом div с переменной высотой?

Например: 

#content {
    min-height:450px;
    margin-top:0px;
    padding-top:0px;
    border-bottom:1px solid #c9e3f3;
    margin-bottom:0;
    overflow:hidden;
}

#content .background {
    width:100%;
    min-height:450px;
    position:relative;
    left:0px;
    top:0px;
    z-index:-2;
}

#inside {
    position:absolute;
    height:200px;
    width:200px;
    right:-18px;
    top:50%; // doesn't work
}

    <div id="content">
    <img class="background" src="/background.jpg" alt="background" />
    <div id="inside">text
    </div>
    </div>

# контент имеет минимальную высоту 450pxно на самом деле получаем (это) (переменную) высоту из изображения (.background), которое расположено в # content.

1 Ответ

0 голосов
/ 19 июня 2011

Попробуйте это: 

#inside{
    position:absolute;
    height:200px;
    width:200px;
    top:50%;
    margin-top:-100px;
}

Верхний край поля должен зафиксировать центрирование и положение: абсолютный должен работать, если нет, попробуйте 'относительный'.

...