Ввод DIV на DIV без использования абсолютного

Question

Вот сайт мой, что я работаю: http://mamgrow.lt/pagrindinis.html

В самом низу вы можете увидеть красный Div блок. Мне нужно, чтобы он переместился в верхнюю часть контента. Возможно ли без использования позиции: абсолютное (потому что я теряю центрирование) и сверху: x?

Дело в том, что после прокрутки в какой-то момент этот красный div станет фиксированным (будет использоваться jQuery).

Для информации DIV Я использовал этот CSS:

.konteineris { 
    margin-left: auto; 
    margin-right: auto; 
    width: 960px; 
    overflow:hidden; 
    background-color:#F0F0F0; 
    position:relative; 
} 

Для красного DIV Я использовал этот CSS:

.konteineris2{ 
    margin-left: auto; 
    margin-right: auto; 
    width: 960px; 
    overflow:hidden; 
    background-color:red; 
    height:700px; 
    position:relative; 
} 

Answer 1

Это, как вы использовать абсолютное позиционирование для центрирования выравнивания DIV поверх другого div (или внутри другого div, вы должны опубликовать свой html или сделать скрипку). Это не должно влиять на ваш jquery

Предполагается, что HTML

<div class="konteineris"> 
    <div class="konteineris2"></div> 
</div> 

Вертикально и горизонтально выровнен по центру

.konteineris2{ 
     position:absolute; 
     left: 50%; 
     top: 50%; 
     margin: -350px 0 0 -430px; 
    } 

Горизонтально центр выровнен

.konteineris2{ 
     position:absolute; 
     left: 50%; 
     top: 0%; 
     margin: 0 0 0 -430px; 
    }