Центрирование ul

[ShumNo]

Подскажите, возможно ли оно

Отцентрировать список ul без указания этому списку ширины? ширина меняется

Вообще работает text-align:center; и display:inline;

Но при inline элементы становятся уже не блочными и не работают отступы вверх и вниз у ссылок внутри li

Вот так на пальцах

[swetlana]

а inline-block отменили уже?

[ShumNo]

А оно пишут работает не в каждом браузере

[Serlutin]

Подскажите, возможно ли оно

Отцентрировать список ul без указания этому списку ширины?

Я обычно <li> делаю inline, а отступы задаю непосредственно <ul>.

Если такой вариант не подходит, то делаем display: inline-block, а для IE:

display: inline;
zoom: 1;

Вроде бы должно сработать.

Edited March 1, 2011 by Serlutin

[Clubberry]

а inline-block отменили уже?

Что-то у меня inline-block не срабатывает. Может я не правильно его использую, хотя при таких же условиях.

ShumNo, а ты можешь код показать?

[ShumNo]

Инлайн-блок работает хорошо. IE8 его понял, а 7-й провалился 6-й тоже провалится но на него я забил Почти забил и на 7-й но пока стараюсь тестировать и его

Clubberry не очень пока хочу показывать

display: inline;

zoom: 1;

Зум 1 не помог и с display: inline; опять же получится ли не блочными

[klierik]

.class {
	display: inline-block;
	}

* html .class {
	display: inline;
	zoom: 1;
	}	

*+html .class {
	display: inline;
	zoom: 1;
	}

[psywalker]

Инлайн-блок работает хорошо. IE8 его понял, а 7-й провалился 6-й тоже провалится но на него я забил Почти забил и на 7-й но пока стараюсь тестировать и его

Clubberry не очень пока хочу показывать

display: inline;

zoom: 1;

Зум 1 не помог и с display: inline; опять же получится ли не блочными

А зачем тебе нужен этот некчёмный inline-block, вон Scrum padding советует вместо него использовать http://forum.htmlbook.ru/index.php?s=&...st&p=186026

[ShumNo]

А зачем тебе нужен этот некчёмный inline-block, вон Scrum padding советует вместо него использовать http://forum.htmlbook.ru/index.php?s=&...st&p=186026

Ой чета я не вкурил ту тему, но паддинги это вообще все ради них переделываю Раньше паддинг стоял у li а задача была поставить у ссылки, чтобы проще попадать мышкой было. Да без кода не понятно

При блок инлайн у нас центрируется список но нет блочности. При флоате у нас есть блочность но нет центрирования

[Serlutin]

http://serlutin.nxt.ru/example/inline-block.html

Проверил. Работает и в IE6

[ShumNo]

Да с display: inline; в ие работает только display: inline; сделать элементы li не блочными и они потеряют ряд свойств

[psywalker]

Да с display: inline; в ие работает только display: inline; сделать элементы li не блочными и они потеряют ряд свойств

Дружище, кроме шуток. Тебе уже дали решение сверху. Что не так?

Вот это например тебя чем не устраивает? http://serlutin.nxt.ru/example/inline-block.html

[ShumNo]

ща примерчик накидаю)

[Serlutin]

Почитайте про HasLayout.

По сути zoom: 1 придаёт блочные свойства.

[ShumNo]

Вот пример http://shumno.com/pub/example/exa.html

Все отлично работает кроме 7-го IE

Подскажите куда пнуть этот код

Задача чтобы меню было по центру, без ширины

li был блочный

Раньше был inline, но попадать на циферки сложно и сейчас не легко, но полегче благодаря паддингу

[Scrum]

А зачем тебе нужен этот некчёмный inline-block, вон Scrum padding советует вместо него использовать http://forum.htmlbook.ru/index.php?s=&...st&p=186026 smile.gif

Не стоит педалировать из-за непонимания и принципов использования. Смотри сколько граблей вы собрали inline-block.

[ShumNo]

Не легко можно обойтись без inline-block, а использовать флоат, но как тогда центрировать список?

[Scrum]

text-align: center; ???

[psywalker]

Не стоит педалировать из-за непонимания и принципов использования. Смотри сколько граблей вы собрали inline-block.

Да в том то и дело, что тут идёт полноое непонимание со стороны ТС, несмотря на то, что ему уже 20 раз всё разжевали и привели решения, все кому не лень.

[mishka]

Да тебе уже прям разжевали как юзать inline-block.

Сказали что display: inline + zoom: 1(для ие6-7) == display: inline-block(для норм браузеров)

А ты все нехочешь понять этого

[ShumNo]

а оно работает только с

display:inline-block;

или

display:inline;

с флоатом не пашет. с флоатом будет работать только если указать ширину, но ширину я не могу указать она меняется

[Serlutin]

http://serlutin.nxt.ru/example/inline-block.html (если вдруг не обновилось, то нажмите CTRL+R или CTRL+F5)

Вот сделал то, что вам нужно. Работает в IE6.

inline-block офигенная вещь. А HasLayout уже даже хаком не считается, настолько он прочно он вошёл в нашу жизнь.

[psywalker]

с флоатом не пашет. с флоатом будет работать только если указать ширину, но ширину я не могу указать она меняется

Да вон Scrum сообщил, что флоаты можно выровнять с помощью text-align: center;

[SelenIT]

Ни одних граблей с inline-block в этой теме пока не нашли . Грабли с ним бывают в двух местах — в FF2 (давно вымершем) и с пробелами между тегами (лечится кучей способов, простейший — убрать эти самые пробелы). А то, что в старых IE нативный inline-block работает только для изначально строчных элементов, а для блочных называется "inline+layout" — не грабли, а "исторически сложившаяся особенность"

куда пнуть этот код

Добавить что-нибудь наподобие

* html .item-list .pager li { display: inline; height: 1px; } /* для IE6, если надо */
*+html .item-list .pager li { display: inline; min-height: 1px; } /* для IE7 */

(height/min-height тоже включают hasLayout, если смущает невалидный zoom).

[Scrum]

Почитай внимательно то что тебе предлагают. поэкспериментируй и выбери для себя наиболее подходящий вариант.

Да вон Scrum сообщил, что флоаты можно выровнять с помощью text-align: center; smile.gif

Не флоаты, реч шла про inline.

[psywalker]

inline-block офигенная вещь.

Ну зря ты так, Scrum их на padding легко меняет и у него всё отлично работает.