Всем привет!
Вот пример проблемы:
http://jsfiddle[dot]net/d8Rsb/1/
Если убрать средний LI, то левый прижимается к левому краю, правый к правому.
Стоит вставить средний LI, правый уходит вниз.
1. armancho7777777 - 05 Февраля, 2012 - 08:27:47 - перейти к сообщению
2. kappa - 05 Февраля, 2012 - 09:28:18 - перейти к сообщению
А почему бы просто не поставить один общий float
http://jsfiddle[dot]net/d8Rsb/2/
http://jsfiddle[dot]net/d8Rsb/2/
3. armancho7777777 - 05 Февраля, 2012 - 09:34:02 - перейти к сообщению
Я хочу, чтобы крайние были по краям, а средний ровно по середине.
И что бы между ними равные отступы были.
И что бы между ними равные отступы были.
4. Panoptik - 05 Февраля, 2012 - 10:10:16 - перейти к сообщению
сделайте для второго li display: inline-block; , margin - убираем
а у контейнера ul text-align: center; и всё прекрасно
а у контейнера ul text-align: center; и всё прекрасно
5. armancho7777777 - 05 Февраля, 2012 - 10:16:40 - перейти к сообщению
Panoptik пишет:
li display: inline-block;
Ну так можно и всем li задать это свойство))
Не то.
6. Panoptik - 05 Февраля, 2012 - 10:19:27 - перейти к сообщению
как это не то? первый прижат к левому, борту, 3-й - к правому, а второй акурат по середине. вроде же это нужно было?
7. armancho7777777 - 05 Февраля, 2012 - 10:26:02 - перейти к сообщению
C помощью display: inline-block; можно этого добиться, но в IE 6-7 приходится писать костыли.
8. Panoptik - 05 Февраля, 2012 - 10:31:26 - перейти к сообщению
да, есть костыль на 2 строки под старых ишаков.
насколько помню - это аналог display inline-block. и я конечно понимаю про кроссбраузерность. но я в своей практике отказался от поддержки 6-7 ишака, особенно 6- который даже сам мелкософт не поддерживает. просто отследить браузер и выдать сообщение что не мешало бы обновить браузер... даже гугл отказался от поддержки этого старья. и пока мы будем поддерживать этот хлам, то прогресса и цсс3 можно будет воздержаться. так что вам карты в руки...