LINUX.ORG.RU
Форум — Web-development  

выравнивание по центру


0

0

есть
div#pp {
background-color: white;
position: absolute;
left: 235px;
top: 625px;
height: 7px;
width: 400px;
}
в него динамически добавляется n-цеть
div.ind {
height: 5px;
width: 5px;
border-color: #0052BA;
border-style: solid;
border-width: 1px;
float: left;
overflow: hidden;
}
проблема в том что n-цеть дивов нехотят распологаться по центру.
все перепробовал, неполучается.

★

попробуй div.ind { ... margin: Npx auto; }

anonymous
() 

Добавляем два div'а: cnt1 и cnt2. Заворачиваем в них
динамически добавляемые элементы:

<div id="pp">
  <div id="cnt1"><div id="cnt2">
    <div class="ind"></div>
    <div class="ind"></div>
    <div class="ind"></div>
    <div class="ind"></div>
    <div class="ind"></div>
  </div></div>
</div>

В CSS:
#cnt1 {
        float:left;
        padding-left:50%;
}
#cnt2 {
        margin-left:-50%;
}

Работает в FF и Opera. С IE6 придется повозиться.

Deleted
()

Либо по другому:

bigdiv { position: relative; margin-left: 50%; margin-right: 50%; }

Либо еще по другому (с помощью отрицательных полей, нужно знать ширину дива, к примеру, если ширина его 300px):

bigdiv { position: absolute; width: 300px; height: 150px; margin-top: 300px; margin-left: 50%; left: -150px; }

paranormal ★★
() 

Либо по другому:

bigdiv {
position: relative;
margin-left: 50%;
margin-right: 50%;
}

Либо еще по другому (с помощью отрицательных полей, нужно знать ширину дива, к примеру, если ширина его 300px):

bigdiv {
position: absolute;
width: 300px;
height: 150px;
margin-top: 300px;
margin-left: 50%;
left: -150px;
}

paranormal ★★
()
Вы не можете добавлять комментарии в эту тему. Тема перемещена в архив.
Web-development