HTML float & text-align

[rasandrey]

Подскажите как правильно сделать:
есть div, в нем находится список ul (у этого списка тегам li заданы стили "float:left", чтобы были в одну строку).

Как выровнять все этот блок по центру? Задаю div-у text-align: center и ничего не происходит

 

[3d tiger]

Код примерно такой:

<div class="align_center">
   <div class="align_center_to_left">
       <ul class="align_center_to_right">
           <li>строка 1</li>
           <li>строка 2</li>
           <li>строка 3</li>
       </ul>
   </div>
</div>

и в css

.align_center_to_right {
   position: relative;
   right: -50%;
}
.align_center_to_left {
   position: relative;
   right: 50%;
   float: right;
}

 

[rasandrey]

Код примерно такой:

<div class="align_center">
   <div class="align_center_to_left">
       <ul class="align_center_to_right">
           <li>строка 1</li>
           <li>строка 2</li>
           <li>строка 3</li>
       </ul>
   </div>
</div>

и в css

.align_center_to_right {
   position: relative;
   right: -50%;
}
.align_center_to_left {
   position: relative;
   right: 50%;
   float: right;
}

Только в ИЕ 6 не работает

 

[3d tiger]

Только в ИЕ 6 не работает

В смысле? У меня все работает. IE6 - все отображается так как надо, то есть по центру. Скорее всего, это специфика вашего кода, куда вы вставляете этот список