Поиск 

Как отцентрировать горизонтальный “плавающий” список

Понедельник, Декабрь 28, 2009 г.
Идея заключается во вложении контейнера <ul> в 2 дополнительных блока:

  • для первого из них задается основная ширина;
  • для второго задается положительный 50%-ный отступ слева;
  • для самого блока списка задается отрицательный 50%-ный отступ слева, дабы “аннулировать” смещение от родительского блока;
  • для 2-го и 3-го блоков указывается свойство “плавающего” (float: left) и для всех 3-х блоков – относительное позиционирование (position: relative).

Лучше посмотреть готовый пример: горизонтальный “плавающий” список по центру.

Данная техника проверена и одинаково работает во всех популярных браузерах: IE 6, IE 7, Opera 9, FireFox 2, Netscape 8, Safari 3.

Берем на вооружение!
Взято с www.dimox.name
Теги: CSS Автор: ATEX | Просмотров: 2201 | Нет комментариев | print |

Похожие статьи

все похожие статьи 
Категории
ТОП 10 - Авторы
  1     Луна   1964     2.93   
  2     pobeda   487     2.96   
  3     Tais   444     3.11   
  4     Foma   139     2.92   
  5     Lubov   52     2.91   
  6     Angel   45     2.93   
  7     Dolores   45     2.77   
  8     Paradiz   31     2.83   
  9     Xenta   29     2.85   
  10     Pryanik   26     2.8   
все авторы 
Последние статьи

Торт Пьяная вишня

Понедельник, Апрель 01, 2019 г.
|
Луна | 1498 |

Вода

Среда, Январь 24, 2018 г.
|
Луна | 964 |

Фруктовые соки

Среда, Январь 24, 2018 г.
|
Луна | 831 |

Вода и жизнь

Среда, Январь 24, 2018 г.
|
Луна | 1384 |

Голубцы с грибами

Среда, Январь 24, 2018 г.
|
Луна | 1399 |
Популярные статьи
|
pobeda | 70138 |

Материки

Вторник, Май 11, 2010 г.
|
Tais | 327543 |

Мавритания

Понедельник, Март 14, 2011 г.
|
Луна | 6297 |

Айшвария Рай - биография

Вторник, Ноябрь 02, 2010 г.
|
pobeda | 39062 |

Облако тегов