Показать сообщение отдельно
Старый 08.09.2006, 00:27
automatix вне форума Посмотреть профиль Отправить личное сообщение для automatix Посетить домашнюю страницу automatix Найти все сообщения от automatix
  № 1  
Ответить с цитированием
automatix

Регистрация: Feb 2006
Адрес: Germany, Berlin
Сообщений: 183
По умолчанию Позиционирование двух DIV'ов в родительском элементе

Всем привет!

Имеется див (middle_left) с двумя детьми. Первый (menuDiv) относительно позиционирован в родительском диве. Второй (langDiv) должен стоять по центру внизу. Вот, никак не могу разместить второй див так, чтоб ему было удобно...

Пока получается поставить второй (langDiv) только на фиксированном расстоянии относительно первого (menuLu)...

Код:
<div id="middle_left">
    <div id="menuDiv">
        <ul id="menuLu">
            <LI><a href="element1.0.html"><FONT class="aContent_1_ACT">Element1</FONT></a></LI>
            <LI><a href="element2.0.html"><FONT class="aContent_1_ACT">Element2</FONT></a></LI>
            <LI><a href="element3.0.html"><FONT class="aContent_1_ACT">Element3</FONT></a></LI>
        </ul>
    </div>
    <div id="langDiv">Languages</div>
</div>
Код:
<STYLE>
#middle_left
{
    width:160px;
    height:100%;
    
    float:left;
    
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
    
    text-align:center;
}

#menuDiv {
    background-color:#EEEAEB;

    position:relative;
    top:0px;
    left:0px;

    width:134px;
    height:200px;
    padding:0px 10px 0px 10px;
    margin:0px auto 0px auto;

    border:1px solid #834627;
}

#langDiv, #bannerDiv {
    border:0px solid #834627;
    background-color:#CCCCCC;

    position:relative;
    top:10px;
    left:0px;

    width:71px;
    height:25px;
    padding:0px 0px 0px 0px;
    margin:auto auto auto auto;

    font-size:8px;
    font-weight:bold;
}
</STYLE>
Что подскажете, коллеги?

Спасибо.