HTML float & text-align

Статус
В этой теме нельзя размещать новые ответы.

rasandrey

Участник
Регистрация
2 Апр 2009
Сообщения
214
Реакции
6
Подскажите как правильно сделать:
есть div, в нем находится список ul (у этого списка тегам li заданы стили "float:left", чтобы были в одну строку).

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

HTML:
<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

HTML:
.align_center_to_right {
   position: relative;
   right: -50%;
}
.align_center_to_left {
   position: relative;
   right: 50%;
   float: right;
}
 
Код примерно такой:
HTML:
<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
HTML:
.align_center_to_right {
   position: relative;
   right: -50%;
}
.align_center_to_left {
   position: relative;
   right: 50%;
   float: right;
}


Только в ИЕ 6 не работает
 
  • Заблокирован
  • #4
Только в ИЕ 6 не работает

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